.roc-overlay-open{overflow:hidden}
.roc-notification-badge{position:absolute;top:0;right:0;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:#d7aa28;color:#08100c;font:700 10px/17px "DM Sans",sans-serif;text-align:center}
.roc-application-alert{position:fixed;z-index:3200;top:22px;right:22px;display:flex;gap:14px;width:min(430px,calc(100vw - 32px));padding:19px 48px 19px 18px;border:1px solid #b89235;border-radius:18px;background:linear-gradient(135deg,#1c3023,#101e17);box-shadow:0 18px 60px #000b;color:#f5f5ed;animation:roc-welcome-in .24s ease-out}
.roc-application-alert-icon{display:grid;place-items:center;flex:none;width:40px;height:40px;border:1px solid #9f8139;border-radius:12px;background:#3a3420;color:#eac866;font-size:22px}
.roc-application-alert-copy{min-width:0}.roc-application-alert-copy>span{color:#e7c456;font-size:10px;font-weight:800;letter-spacing:.16em}.roc-application-alert h2{margin:5px 0;color:#fff;font-size:18px}.roc-application-alert p{margin:0;color:#bccbc0;font-size:12px;line-height:1.5}
.roc-application-alert-actions{display:flex;gap:8px;margin-top:15px}.roc-application-alert button{cursor:pointer;border:1px solid #536b55;border-radius:9px;background:#203428;color:#f1f2e9;padding:9px 11px;font:700 12px "DM Sans",sans-serif}.roc-application-alert-actions button:first-child{border-color:#d6b43e;background:#d6b43e;color:#102015}.roc-application-alert .roc-application-alert-close{position:absolute;top:10px;right:10px;border:0;background:transparent;color:#c2d0c2;font-size:22px;padding:4px 8px}.roc-application-alert button:focus-visible{outline:2px solid #fff;outline-offset:2px}
.os-header-actions [data-action="notification-drawer"]{position:relative}
.roc-notification-page{color:#f2f3ed;background:#0b1410;border:1px solid #26382e;border-radius:22px;padding:28px;min-height:460px}
.roc-notification-page-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding-bottom:22px;border-bottom:1px solid #28382f}
.roc-notification-page-head .eyebrow,.roc-notification-drawer .eyebrow{color:#dbb646;font-size:11px;letter-spacing:.18em;font-weight:700}
.roc-notification-page h2,.roc-notification-drawer h2{margin:10px 0 5px;font-size:27px;letter-spacing:-.035em}
.roc-notification-page-head p,.roc-notification-drawer header p{margin:0;color:#a8b7ad;font-size:13px}
.roc-notification-head-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.roc-notification-head-actions button,.roc-notification-drawer footer button,.roc-notification-more,.roc-notification-empty button{border:1px solid #385044;background:#17271d;color:#f5f2e6;padding:10px 13px;border-radius:10px;cursor:pointer;font:600 12px "DM Sans",sans-serif}
.roc-notification-head-actions button:disabled,.roc-notification-drawer footer button:disabled{opacity:.45;cursor:not-allowed}
.roc-notification-count{color:#dbb646;font-size:12px;font-weight:700}
.roc-notification-toolbar{display:flex;gap:7px;flex-wrap:wrap;padding:17px 0}
.roc-notification-toolbar button{border:1px solid #345043;border-radius:999px;background:transparent;color:#b7c7ba;padding:8px 14px;cursor:pointer;font:600 12px "DM Sans",sans-serif}
.roc-notification-toolbar button[aria-pressed="true"]{border-color:#d8b54c;background:#3b321b;color:#f6d577}
.roc-notification-list,.roc-notification-drawer-list{display:grid;align-content:start}
.roc-notification-item{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr) 8px;gap:13px;padding:18px 5px;border-top:1px solid #22342a}
.roc-notification-item.is-read{opacity:.72}
.roc-notification-item-icon{display:grid;place-items:center;width:34px;height:34px;border:1px solid #4e624f;border-radius:12px;background:#1d3024;color:#e6c763;font-weight:700;font-size:13px}
.roc-notification-item-top{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#91a99b;font-size:11px}
.roc-notification-category{text-transform:uppercase;letter-spacing:.12em;font-weight:700}
.roc-notification-item h3{margin:5px 0 3px;color:#f3f4ee;font-size:14px}
.roc-notification-item p{margin:0;color:#b7c5b9;font-size:12px;line-height:1.5}
.roc-notification-priority{display:inline-block;margin-top:7px;color:#e4c263;text-transform:capitalize;font-size:10px}
.roc-notification-item.is-critical .roc-notification-priority{color:#ff9a8c}
.roc-notification-unread-dot{width:7px;height:7px;margin-top:5px;border-radius:50%;background:#d5b345}
.roc-notification-item-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.roc-notification-item-actions button{border:0;background:transparent;color:#e6cc76;padding:3px 0;cursor:pointer;font:600 11px "DM Sans",sans-serif}
.roc-notification-item-actions button+button{border-left:1px solid #395044;padding-left:8px}
.roc-notification-empty{padding:55px 18px;text-align:center;color:#c3d0c5}
.roc-notification-empty strong{display:block;color:#f4f3ea;font-size:16px}
.roc-notification-empty p{font-size:12px;line-height:1.5}
.roc-notification-more{margin:15px 0}
.roc-notification-overlay,.roc-welcome-overlay{position:fixed;inset:0;z-index:3000;display:flex;justify-content:flex-end}
.roc-notification-shade,.roc-welcome-shade{position:absolute;inset:0;background:rgba(3,9,6,.82)}
.roc-notification-drawer{position:relative;display:flex;flex-direction:column;width:min(450px,100vw);height:100%;background:#111f17;border-left:1px solid #3a5745;color:#f3f3eb;box-shadow:-24px 0 80px #0008;outline:none}
.roc-notification-drawer header{position:relative;padding:25px 25px 15px;border-bottom:1px solid #2b4032}
.roc-notification-drawer header>button,.roc-welcome-top button{position:absolute;right:20px;top:18px;width:36px;height:36px;border:1px solid #4e6352;background:#18271e;color:#f3f4ec;border-radius:11px;font-size:22px;cursor:pointer}
.roc-notification-drawer .roc-notification-toolbar{padding:14px 24px}
.roc-notification-drawer-list{flex:1;overflow:auto;padding:0 24px}
.roc-notification-drawer footer{display:flex;justify-content:space-between;gap:10px;padding:17px 24px;border-top:1px solid #2b4032}
.roc-notification-drawer footer button:last-child{background:#d5ab2a;color:#08130b;border-color:#d5ab2a}
.roc-welcome-overlay{justify-content:center;align-items:center;padding:18px}
.roc-welcome-shade{background:rgba(3,9,6,.88)}
.roc-welcome-card{position:relative;width:min(700px,100%);max-height:min(92vh,820px);overflow:auto;background:radial-gradient(circle at 50% 5%,#213a2b 0,#111d16 43%,#0c140f 100%);border:1px solid #465d45;border-radius:24px;box-shadow:0 24px 90px #000b;color:#f5f4ec;padding:24px 31px 26px;text-align:center;outline:none;animation:roc-welcome-in .24s ease-out}
.roc-welcome-top{display:flex;align-items:center;justify-content:space-between;min-height:38px;color:#d8bc67;font-size:11px;font-weight:700;letter-spacing:.13em;text-align:left}
.roc-welcome-top button{position:static}
.roc-welcome-symbol{display:grid;place-items:center;width:56px;height:56px;margin:12px auto 15px;border:1px solid #9c874d;border-radius:17px;background:#2f3521;color:#eedb9d;font-size:32px;line-height:1}
.roc-welcome-kicker{display:block;color:#ddc372;font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:capitalize}
.roc-welcome-card h2{margin:8px 0 6px;color:#fff;font-size:clamp(24px,3.5vw,32px);letter-spacing:-.04em}
.roc-welcome-lead{margin:0 0 8px;color:#c7d1c6;font-size:15px}
.roc-welcome-card time{color:#91a697;font-size:11px}
.roc-welcome-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:23px 0 15px}
.roc-welcome-metric{display:flex;flex-direction:column;align-items:center;gap:6px;padding:15px 8px;border:1px solid #344c39;border-radius:13px;background:#16271c}
.roc-welcome-metric span{color:#e4c665;font-size:23px;font-weight:700;line-height:1}
.roc-welcome-metric small{color:#c1cdc0;font-size:11px}
.roc-welcome-footnote{margin:8px 0 19px;color:#8ea392;font-size:11px}
.roc-welcome-actions{display:flex;justify-content:center;gap:9px}
.roc-welcome-actions button{border:1px solid #506247;border-radius:11px;background:#1d2e21;color:#f3f1e8;padding:11px 18px;font:700 12px "DM Sans",sans-serif;cursor:pointer}
.roc-welcome-actions .roc-welcome-primary{border-color:#d9b52e;background:#d9b52e;color:#0b160d}
.roc-welcome-dismiss{margin-top:16px;border:0;background:none;color:#b7c5b5;text-decoration:underline;cursor:pointer;font-size:11px}
.roc-notification-settings{margin-top:18px;padding:22px}
.roc-notification-settings .panel-head p,.roc-settings-note{color:#8d9c92;font-size:12px;line-height:1.5}
.roc-setting-check{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:13px 0;border-bottom:1px solid #33453b;font-size:13px}
.roc-setting-check input{accent-color:#d2a92d;width:17px;height:17px}
.roc-notification-settings fieldset{border:0;padding:12px 0;margin:0}
.roc-notification-settings legend{font-weight:700;font-size:12px}
.roc-setting-field{display:grid;gap:7px;margin:14px 0;font-size:12px}
.roc-setting-field input,.roc-setting-field select{width:100%;padding:10px;border-radius:9px;border:1px solid #526454;background:#122018;color:#f5f3ea;font:inherit}
.roc-notification-page button:focus-visible,.roc-notification-overlay button:focus-visible,.roc-welcome-overlay button:focus-visible,.roc-notification-settings :focus-visible{outline:2px solid #f2ce64;outline-offset:3px}
@keyframes roc-welcome-in{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}
@media(max-width:650px){.roc-application-alert{top:10px;right:10px;width:calc(100vw - 20px)}.roc-notification-page{padding:17px;border-radius:16px}.roc-notification-page-head{display:block}.roc-notification-head-actions{margin-top:15px}.roc-notification-drawer{width:100vw}.roc-welcome-card{padding:17px;max-height:94vh}.roc-welcome-metrics{grid-template-columns:repeat(2,1fr);gap:7px}.roc-welcome-actions{flex-direction:column}.roc-welcome-actions button{width:100%}}
@media(prefers-reduced-motion:reduce){.roc-welcome-card{animation:none}.roc-notification-shade,.roc-welcome-shade{backdrop-filter:none}}
