.sp-shell{margin-block:0 24px;border:1px solid var(--border-strong,#cbd5e1);border-radius:20px;background:var(--card,#fff);color:var(--text-main,#172033)}
.sp-shell>summary{padding:18px 22px;cursor:pointer;font-weight:750;font-size:1.1rem}
.sp-shell>summary span{font-size:.88rem;font-weight:400;margin-left:12px}
.sp-body{padding:0 22px 22px}.sp-notice{border-left:4px solid #ff5b1a;padding:12px 16px;background:#fff4eb;color:#713a13;border-radius:8px}
.sp-toolbar{display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin-block:16px}.sp-toolbar label{flex:1 1 180px}
.sp-shell label{display:grid;gap:6px;font-size:.92rem;font-weight:600}.sp-shell input,.sp-shell select,.sp-shell textarea{width:100%;box-sizing:border-box;min-width:0;font:inherit;line-height:1.5;padding:10px;border:1px solid #94a3b8;border-radius:10px;background:#fff;color:#172033}
.sp-list{display:grid;gap:12px}.sp-post{display:flex;gap:14px;justify-content:space-between;align-items:center;border:1px solid #cbd5e1;padding:16px;border-radius:14px}.sp-post h4{margin:0 0 8px}.sp-post p{margin:4px 0;white-space:pre-wrap;overflow-wrap:anywhere}.sp-post>div{min-width:0}.sp-actions{display:flex;flex-wrap:wrap;gap:8px}.sp-badge{display:inline-block;padding:4px 10px;border-radius:999px;background:#e2e8f0;color:#172033;font-size:.8rem;font-weight:700}
.sp-composer-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:24px;border-top:1px solid #cbd5e1;padding-top:20px}.sp-editor{display:grid;gap:16px}.sp-editor fieldset{border:1px solid #cbd5e1;border-radius:12px;padding:14px}.sp-platform{margin-block:10px}.sp-shell .sp-check{display:flex;align-items:center;gap:10px}.sp-check input{width:20px;height:20px}.sp-platform textarea{margin-top:8px}.sp-preview article{border:1px solid #cbd5e1;border-radius:16px;padding:18px;margin-block:12px}.sp-preview article p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6}.sp-preview small{color:#475569}.sp-shell button{min-height:44px}.sp-shell [hidden]{display:none!important}.sp-shell #sp-message{min-height:1.5em}.sp-shell #sp-message[data-error=true]{color:#b42318}.sp-shell :focus-visible{outline:3px solid #0284c7;outline-offset:3px}
@media(max-width:900px){.sp-composer-grid{grid-template-columns:1fr}.sp-post{align-items:stretch;flex-direction:column}.sp-body{padding:0 12px 14px}}
.sp-shell input,.sp-shell select,.sp-shell textarea{background:var(--bg-alt,#fff);color:var(--text-main,#172033);border-color:var(--border-strong,#94a3b8)}
.sp-preview small{color:var(--text-soft,#475569)}
.sp-media-row{display:grid;gap:10px;padding:12px;margin-block:10px;border:1px solid var(--border-strong,#cbd5e1);border-radius:12px;overflow-wrap:anywhere}
.sp-media-row img,.sp-media-row video,.sp-preview img,.sp-preview video{display:block;max-width:100%;max-height:260px;object-fit:contain;border-radius:10px}
.sp-calendar{margin-block:20px;padding:16px;border:1px solid var(--border-strong,#cbd5e1);border-radius:14px}.sp-calendar summary{cursor:pointer;font-weight:700}.sp-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.sp-calendar-day{min-width:0;padding:8px;border:1px solid var(--border-soft,#cbd5e1);border-radius:8px}.sp-calendar-day h4{font-size:.8rem}.sp-calendar-day button{width:100%;text-align:left;white-space:normal;overflow-wrap:anywhere;margin-block:6px}.sp-calendar-day small,.sp-calendar-day span{display:block;font-size:.75rem}.sp-calendar-list{display:grid;gap:12px}@media(max-width:1000px){.sp-calendar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.sp-calendar-grid{grid-template-columns:1fr}}