.rspba-push-box{
    width:min(100%,540px);
    margin:0 auto 16px;
    border:1px solid #e1e3e5;
    border-radius:9px;
    padding:8px 10px;
    background:#fbfbfc;
    box-sizing:border-box;
    transition:background .15s ease,border-color .15s ease,box-shadow .15s ease,width .15s ease;
}
.rspba-push-box:not(.is-collapsed){
    width:min(100%,780px);
    padding:12px 14px 13px;
    background:#fff;
    border-color:#d5d8dc;
    box-shadow:0 2px 8px rgba(0,0,0,.035);
}
.rspba-push-header{display:flex;align-items:center;justify-content:space-between;gap:14px}
.rspba-push-copy{display:flex;align-items:baseline;gap:9px;min-width:0;flex-wrap:wrap}
.rspba-push-copy strong{font-size:.96rem;line-height:1.25}
.rspba-push-copy span{color:#646970;font-size:.84rem;line-height:1.35}
.rspba-push-toggle{
    border:0;background:transparent;color:#0070ba;border-radius:5px;
    padding:4px 7px;min-height:28px;cursor:pointer;font:inherit;font-size:.86rem;font-weight:600;white-space:nowrap
}
.rspba-push-toggle:hover{background:#f0f6fa;color:#005f9e}
.rspba-push-toggle:disabled{opacity:.55;cursor:default}
.rspba-push-box.is-subscribed .rspba-push-copy strong:after{content:'';display:inline-block;width:7px;height:7px;margin-left:7px;border-radius:50%;background:#00a32a;vertical-align:middle}
.rspba-push-box.is-paused .rspba-push-copy strong:after{background:#dba617}
.rspba-push-status{margin-top:7px;font-size:.84rem;line-height:1.4;color:#50575e}
.rspba-push-status[hidden]{display:none!important}
.rspba-push-status.is-error{color:#b32d2e}

.rspba-push-preferences{border-top:1px solid #ececec;margin-top:10px;padding-top:11px}
.rspba-push-preferences[hidden]{display:none!important}
.rspba-push-preferences-heading{
    display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin:0 0 9px;
}
.rspba-push-preferences-heading strong{font-size:.9rem;line-height:1.25}
.rspba-push-preferences-heading span{font-size:.8rem;color:#757575;line-height:1.3}

/* Compact five-channel selector. */
.rspba-push-type-grid{
    display:flex;
    align-items:stretch;
    justify-content:center;
    gap:7px;
    flex-wrap:wrap;
}
.rspba-push-choice-card{
    position:relative;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    min-width:0;
    min-height:38px;
    box-sizing:border-box;
    padding:7px 11px;
    border:1px solid #dcdcde;
    border-radius:999px;
    background:#fff;
    cursor:pointer;
    white-space:nowrap;
    transition:border-color .15s ease,background .15s ease,box-shadow .15s ease,color .15s ease;
}
.rspba-push-choice-card:hover{border-color:#8c8f94;background:#fafafa}
.rspba-push-choice-card:focus-within{outline:2px solid #72aee6;outline-offset:2px}
.rspba-push-choice-card input{position:absolute;opacity:0;pointer-events:none}
.rspba-push-choice-mark{
    position:relative;flex:0 0 15px;width:15px;height:15px;
    border:1.5px solid #8c8f94;border-radius:50%;background:#fff;box-sizing:border-box;
}
.rspba-push-choice-label{min-width:0;font-weight:600;font-size:.84rem;line-height:1.2}
.rspba-push-choice-card.is-selected,
.rspba-push-choice-card:has(input:checked){
    border-color:#0070ba;background:#f2f8fc;color:#005f9e;box-shadow:0 0 0 1px rgba(0,112,186,.05);
}
.rspba-push-choice-card.is-selected .rspba-push-choice-mark,
.rspba-push-choice-card:has(input:checked) .rspba-push-choice-mark{border-color:#0070ba;background:#0070ba}
.rspba-push-choice-card.is-selected .rspba-push-choice-mark:after,
.rspba-push-choice-card:has(input:checked) .rspba-push-choice-mark:after{
    content:'';position:absolute;left:4px;top:2px;width:3px;height:6px;
    border:solid #fff;border-width:0 1.5px 1.5px 0;transform:rotate(45deg);
}

.rspba-push-preference-actions{
    display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap;
    margin-top:11px;padding-top:10px;border-top:1px solid #f0f0f1;
}
.rspba-push-enable,.rspba-push-save{
    background:#0070ba;color:#fff;border:1px solid #0070ba;border-radius:5px;
    padding:6px 10px;cursor:pointer;min-height:32px;font:inherit;font-size:.86rem;font-weight:600
}
.rspba-push-enable:hover,.rspba-push-save:hover{filter:brightness(.94)}
.rspba-push-enable:disabled,.rspba-push-save:disabled{opacity:.55;cursor:default}
.rspba-push-pause{
    background:#fff;color:#50575e;border:1px solid #c3c4c7;border-radius:5px;
    padding:6px 10px;cursor:pointer;min-height:32px;font:inherit;font-size:.84rem
}
.rspba-push-pause:hover{background:#f6f7f7}
.rspba-push-pause:disabled{opacity:.55;cursor:default}
.rspba-push-disable{
    background:transparent;color:#b32d2e;border:0;border-radius:5px;
    padding:6px 7px;cursor:pointer;min-height:32px;font:inherit;font-size:.82rem
}
.rspba-push-disable:hover{background:#fcf0f1}
.rspba-push-ios-help{font-size:.84rem;background:#f6f7f7;padding:9px 10px;border-radius:6px;margin-top:10px;line-height:1.4}
.rspba-push-ios-help strong{display:block;margin-bottom:4px}.rspba-push-ios-help ol{margin:5px 0 6px 20px;padding:0}.rspba-push-ios-help li{margin:2px 0}

.rspba-push-account{max-width:820px}
.rspba-push-account>h2{margin-bottom:6px}
.rspba-push-account-note{margin:0 0 16px;color:#646970;font-size:.92rem;line-height:1.5}
.rspba-push-account .rspba-push-box{margin-left:0;margin-right:0}

@media(max-width:900px){
    .rspba-push-box:not(.is-collapsed){width:min(100%,680px)}
    .rspba-push-type-grid{justify-content:flex-start}
}
@media(max-width:720px){
    .rspba-push-box,.rspba-push-box:not(.is-collapsed){width:100%}
    .rspba-push-copy{display:flex;flex-direction:column;align-items:flex-start;gap:2px}
    .rspba-push-type-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
    .rspba-push-choice-card{width:100%;justify-content:flex-start;border-radius:8px;white-space:normal}
    .rspba-push-preference-actions{justify-content:flex-start}
}
@media(max-width:480px){
    .rspba-push-header{align-items:flex-start}
    .rspba-push-summary{display:none}
    .rspba-push-type-grid{grid-template-columns:1fr}
}