.ra-shell{display:grid;gap:10px}.ra-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;position:sticky;top:0;z-index:3;padding:4px;background:var(--surface,#fff);border:1px solid var(--line,#dfe6e9);border-radius:12px}.ra-tabs button{min-height:40px;border:0;border-radius:9px;background:transparent;color:var(--muted,#607078);font-weight:700;touch-action:manipulation}.ra-tabs button.active{background:var(--primary-soft,#e5f7f5);color:var(--primary,#087f8c)}.ra-setting,.ra-history,.ra-document{margin:0;padding:12px;border:1px solid var(--line,#dfe6e9);border-radius:12px;background:var(--surface,#fff);min-width:0;overflow-wrap:anywhere}.ra-setting-main{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.ra-setting h3{margin:0 0 3px;font-size:17px}.ra-setting p{margin:0;color:var(--muted,#607078);font-size:13px;line-height:1.45}.ra-switch{display:grid;grid-template-columns:42px auto;align-items:center;gap:6px;flex:0 0 auto;min-height:40px;cursor:pointer;touch-action:manipulation}.ra-switch input{position:absolute;opacity:0;pointer-events:none}.ra-switch span{width:42px;height:24px;border-radius:13px;background:#bac5c9;position:relative;transition:.16s}.ra-switch span:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:.16s}.ra-switch input:checked+span{background:var(--primary,#087f8c)}.ra-switch input:checked+span:after{transform:translateX(18px)}.ra-switch em{font-style:normal;font-size:12px;white-space:nowrap}.ra-setting-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:10px}.ra-kv{display:grid;gap:2px;min-width:0;padding:7px 8px;background:var(--surface-soft,#f5f8f9);border-radius:8px}.ra-kv small{color:var(--muted,#607078);font-size:11px}.ra-kv b{overflow:hidden;text-overflow:ellipsis;font-size:13px}.ra-setting-extra{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:8px}.ra-setting-extra label,.ra-document form label{display:grid;gap:4px;font-size:12px}.ra-setting-extra input,.ra-document select{width:100%;min-height:40px;padding:6px 9px;border:1px solid var(--line,#cfd9dd);border-radius:8px;background:#fff}.ra-setting footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:9px}.ra-setting footer small{color:var(--muted,#607078)}.ra-blocked{margin-top:8px!important;padding:7px 9px;border-radius:8px;background:#fff3cd;color:#795800!important}.ra-history>summary,.ra-document details>summary{display:flex;align-items:center;justify-content:space-between;min-height:40px;cursor:pointer;touch-action:manipulation;list-style:none}.ra-history>summary span{display:flex;gap:8px;align-items:center}.ra-history>summary small,.ra-history>summary em{font-style:normal;color:var(--muted,#607078);font-size:12px}.ra-history-list{display:grid;gap:6px;margin-top:8px}.ra-history-row{display:grid;gap:3px;width:100%;min-height:48px;padding:8px 9px;border:1px solid var(--line,#dfe6e9);border-radius:9px;background:#fff;text-align:left;color:inherit;touch-action:manipulation}.ra-history-row small{color:var(--muted,#607078)}.ra-history-top{display:flex;justify-content:space-between;gap:8px}.ra-status{display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:2px 7px;border-radius:999px;background:#edf1f2;color:#42545c;font-style:normal;font-size:12px}.ra-status-sent{background:#ddf5e7;color:#17663a}.ra-status-failed,.ra-status-review_required{background:#fde5e2;color:#9a2f25}.ra-status-queued,.ra-status-scheduled{background:#e3f0ff;color:#1c5791}.ra-pages{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:9px}.ra-pages .button{min-height:40px}.ra-empty{padding:14px;text-align:center;color:var(--muted,#607078)}.ra-document{display:grid;gap:8px;margin-top:10px}.ra-document>header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.ra-document>header div{display:grid;gap:2px;min-width:0}.ra-document>header small{color:var(--muted,#607078)}.ra-document form{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px}.ra-document details p{display:grid;grid-template-columns:auto 1fr;gap:4px 8px;margin:6px 0;padding:7px 8px;border-radius:8px;background:var(--surface-soft,#f5f8f9)}.ra-document details p span{text-align:right}.ra-document details p small{grid-column:1/-1;color:var(--muted,#607078)}
@media(max-width:414px){.ra-shell{gap:8px}.ra-tabs{top:0}.ra-tabs button{padding:4px 3px;font-size:13px}.ra-setting,.ra-history,.ra-document{padding:10px}.ra-setting-main{gap:8px}.ra-setting h3{font-size:16px}.ra-setting-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.ra-setting-facts .ra-kv:last-child{grid-column:1/-1}.ra-setting-extra{grid-template-columns:1fr}.ra-setting footer{align-items:flex-end}.ra-setting footer .button{min-height:40px;padding:7px 12px}.ra-history-row{min-height:48px}}
@media(max-width:340px){.ra-tabs button{font-size:12px}.ra-switch{grid-template-columns:42px}.ra-switch em{display:none}.ra-setting-facts{grid-template-columns:1fr}.ra-setting-facts .ra-kv:last-child{grid-column:auto}.ra-document form{grid-template-columns:1fr}.ra-document form .button{width:100%}}
.ra-shell,.ra-shell *,.ra-document,.ra-document *{box-sizing:border-box}.ra-shell{max-width:100%}
.ra-rule-guide{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:9px 10px;border:1px solid #9ecad0;border-radius:10px;background:#eefafa}.ra-rule-guide.is-disabled{border-color:#edc36d;background:#fff8e8}.ra-rule-guide div{display:grid;gap:3px;min-width:0}.ra-rule-guide p,.ra-rule-guide small{margin:0;color:var(--muted,#607078);line-height:1.4}.ra-rule-guide small{font-weight:700;color:#42545c}.ra-rule-guide>.form-note{grid-column:1/-1}.ra-rule-guide .button{min-height:40px;touch-action:manipulation}.ra-setting.ra-rule-focus{outline:3px solid #efb43c;outline-offset:2px;animation:ra-rule-pulse 1.2s ease-out 1}@keyframes ra-rule-pulse{0%{box-shadow:0 0 0 0 #efb43c88}100%{box-shadow:0 0 0 12px #efb43c00}}
@media(max-width:414px){.ra-rule-guide{grid-template-columns:1fr}.ra-rule-guide .button{width:100%}}
