/* Orvexa 1.0.0 — System Workflows styles. */
.p8-page{max-width:calc(var(--app-content-max-width,1784px) + 48px);width:100%;padding:24px 24px 48px}
.p8-eyebrow{font-size:12px;font-weight:800}.p8-btn{min-height:40px;padding:9px 13px;font-size:13px;font-weight:700}.p8-badge{font-size:11.75px;font-weight:700}
.p8-metrics{gap:16px;margin-bottom:18px}.p8-metric{padding:20px;border-radius:18px}.p8-metric small{font-size:12px;font-weight:600}.p8-metric strong{font-size:28px;font-weight:800}.p8-metric p{font-size:12px;line-height:1.45}
.p8-notification-layout{gap:18px;grid-template-columns:240px minmax(0,1fr) 330px}.p8-panel-head{padding:20px}.p8-panel-head h2,.p8-feed-toolbar h2{font-size:16px;font-weight:800}.p8-panel-head p,.p8-feed-toolbar p{font-size:12px;line-height:1.5}
.p8-notification-rail nav button,.p8-category-list button{min-height:40px;padding:10px 12px;font-size:13px;font-weight:600}.p8-category-list>span{font-size:12px}.p8-notification-rail nav b,.p8-category-list b{font-size:12px}
.p8-feed-toolbar{padding:20px}.p8-search{height:40px;padding:0 12px}.p8-search input{font-size:13px}.p8-notification{grid-template-columns:minmax(0,1fr) 112px}.p8-notification-main{grid-template-columns:44px minmax(0,1fr);gap:12px;padding:18px 14px 18px 20px}.p8-notification-icon{width:44px;height:44px}.p8-notification-main header span{font-size:11.75px}.p8-notification-main header b{font-size:11.5px}.p8-notification-main h3{font-size:13px;font-weight:750;line-height:1.4}.p8-notification-main p{font-size:12px;line-height:1.55}.p8-notification-main footer span,.p8-notification time,.p8-notification>aside>button{font-size:12px}
.p8-channel-list{padding:4px 20px}.p8-channel-list article{grid-template-columns:40px 1fr auto;gap:11px;padding:15px 0}.p8-channel-list article>span{width:40px;height:40px}.p8-channel-list b{font-size:13px}.p8-channel-list p,.p8-channel-list small{font-size:12px;line-height:1.45}.p8-noise-note{margin:10px 18px 18px;padding:14px}.p8-noise-note b{font-size:13px}.p8-noise-note p{font-size:12px}
.p8-settings-hero{margin-bottom:18px;padding:24px;border-radius:24px}.p8-settings-hero h2{font-size:20px;font-weight:800}.p8-settings-hero p{font-size:13px;line-height:1.5}.p8-settings-hero dl{gap:10px}.p8-settings-hero dl div{padding:14px;border-radius:12px}.p8-settings-hero dt{font-size:12px}.p8-settings-hero dd{font-size:24px;font-weight:800}
.p8-settings-layout{grid-template-columns:320px minmax(0,1fr);gap:18px}.p8-settings-nav{padding:12px;border-radius:18px}.p8-settings-nav>span{font-size:12px}.p8-settings-nav>button{grid-template-columns:36px 1fr 16px;gap:10px;min-height:58px;padding:11px 12px}.p8-settings-nav>button b{font-size:13px;font-weight:750}.p8-settings-nav>button small{font-size:12px;line-height:1.4}.p8-settings-note{padding:14px}.p8-settings-note p{font-size:12px;line-height:1.5}
.p8-settings-panel form>.p8-panel-head{padding:24px}.p8-form-grid{gap:18px;padding:24px}.p8-field{gap:7px}.p8-field>span{font-size:13px;font-weight:700}.p8-field input,.p8-field select,.p8-field textarea{font-size:14px}.p8-field input,.p8-field select{height:44px;padding:0 12px}.p8-field>small,.p8-field>em{font-size:12px;line-height:1.45}.p8-switch-row b{font-size:13px}.p8-switch-row small{font-size:12px;line-height:1.45}
.p8-setting-list{padding:10px 24px}.p8-setting-list>div{grid-template-columns:42px minmax(0,1fr) 190px;gap:12px;padding:16px 0}.p8-setting-list>div>span{width:42px;height:42px}.p8-setting-list b,.p8-routing-grid b{font-size:13px}.p8-setting-list p,.p8-routing-grid p{font-size:12px;line-height:1.45}.p8-setting-list select,.p8-routing-grid select{height:42px;padding:0 11px;font-size:13px}.p8-routing-grid{gap:12px;padding:24px}.p8-routing-grid article{grid-template-columns:42px minmax(0,1fr);gap:11px;padding:16px;border-radius:14px}.p8-routing-grid article>span{width:42px;height:42px}
.p8-settings-panel form>footer{padding:16px 24px}.p8-settings-panel footer b{font-size:13px}.p8-settings-panel footer p{font-size:12px}.p8-save-state{font-size:12px}.p8-unsaved>span{font-size:12px}.p8-drawer-copy{font-size:13px}.p8-detail-list dt{font-size:12px}.p8-detail-list dd{font-size:13px}.p8-drawer-actions.is-wrap{display:grid;grid-template-columns:1fr 1fr}.p8-drawer-actions.is-wrap>*{width:100%}
.p8-history-list{display:grid;gap:10px}.p8-history-list article{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--bg) 38%,transparent)}.p8-history-list article>span{display:flex;width:42px;height:42px;align-items:center;justify-content:center;border-radius:11px;background:color-mix(in srgb,var(--primary-2) 9%,transparent);color:var(--primary-text)}.p8-history-list b{font-size:13px}.p8-history-list p,.p8-history-list time{display:block;margin-top:3px;color:var(--muted);font-size:12px}.p8-history-list article>div:last-child{text-align:right}
.p8-page :is(button,a,input,select,textarea):focus-visible{outline:2px solid color-mix(in srgb,var(--primary-2) 70%,transparent);outline-offset:2px}
@media(max-width:1380px){.p8-notification-layout{grid-template-columns:220px minmax(0,1fr)}.p8-channel-panel{grid-column:1/-1}.p8-settings-layout{grid-template-columns:290px minmax(0,1fr)}}
@media(max-width:1100px){.p8-settings-layout{grid-template-columns:1fr}.p8-settings-nav{grid-template-columns:1fr 1fr}}
@media(max-width:820px){.p8-page{max-width:none;padding:20px 20px 44px}.p8-notification-layout{grid-template-columns:1fr}.p8-settings-hero{padding:20px}}
@media(max-width:640px){.p8-page{padding:16px 16px 40px}.p8-head h1{font-size:27px}.p8-settings-nav{grid-template-columns:1fr}.p8-form-grid,.p8-routing-grid{padding:20px}.p8-setting-list{padding:8px 20px}.p8-setting-list>div{grid-template-columns:42px 1fr}.p8-setting-list select{grid-column:2;width:100%}.p8-drawer-actions.is-wrap{grid-template-columns:1fr}.p8-history-list article{grid-template-columns:42px 1fr}.p8-history-list article>div:last-child{grid-column:2;text-align:left}}


body[data-system-page="notification-center"] .p8-notification-layout{grid-template-columns:236px minmax(0,1fr) 326px;gap:20px}
body[data-system-page="notification-center"] .p8-feed-toolbar{gap:16px}
body[data-system-page="notification-center"] .p8-feed-tools{display:flex;align-items:center;gap:10px;margin-left:auto}
body[data-system-page="notification-center"] .p8-mobile-delivery{display:none}
body[data-system-page="notification-center"] .p8-notification{grid-template-columns:minmax(0,1fr) 118px;min-height:0}
body[data-system-page="notification-center"] .p8-notification-main{padding:18px 16px 18px 20px}
body[data-system-page="notification-center"] .p8-notification-main header{gap:8px;flex-wrap:wrap}
body[data-system-page="notification-center"] .p8-notification-main header span{font-size:12px;font-weight:800;letter-spacing:.055em}
body[data-system-page="notification-center"] .p8-notification-main header b{padding:4px 7px;border-radius:7px;font-size:12px;font-weight:750}
body[data-system-page="notification-center"] .p8-notification-main h3{margin-top:6px;font-size:14px;font-weight:800;line-height:1.38;letter-spacing:-.012em}
body[data-system-page="notification-center"] .p8-notification-main p{margin-top:5px;font-size:13px;font-weight:500;line-height:1.55}
body[data-system-page="notification-center"] .p8-notification-main footer{gap:7px;margin-top:10px}
body[data-system-page="notification-center"] .p8-notification-main footer span{font-size:12px;line-height:1.35}
body[data-system-page="notification-center"] .p8-notification>aside{gap:9px;padding:18px 16px 18px 8px}
body[data-system-page="notification-center"] .p8-notification>aside time,
body[data-system-page="notification-center"] .p8-notification>aside>button,
body[data-system-page="notification-center"] .p8-notification>aside>a{font-size:12px;font-weight:750}
body[data-system-page="notification-center"] .p8-notification>aside>a{display:inline-flex;align-items:center;gap:4px;margin-top:auto;color:var(--primary-text);white-space:nowrap}
body[data-system-page="notification-center"] .p8-notification>aside>a svg{width:12px}
body[data-system-page="notification-center"] .p8-channel-list article{cursor:pointer;border-radius:12px;margin:2px -8px;padding:14px 8px;transition:background .16s ease}
body[data-system-page="notification-center"] .p8-channel-list article:hover{background:color-mix(in srgb,var(--primary-2) 4%,transparent)}
body[data-system-page="notification-center"] .p8-channel-list article:focus-visible{outline:2px solid color-mix(in srgb,var(--primary-2) 70%,transparent);outline-offset:2px}
body[data-system-page="notification-center"] .p8-channel-list a{display:inline-flex;align-items:center;gap:4px;margin-top:5px;color:var(--primary-text);font-size:12px;font-weight:750}
body[data-system-page="notification-center"] .p8-channel-list a svg{width:12px}
body[data-system-page="notification-center"] .p8-noise-note strong{color:var(--text);font-weight:800}
body[data-system-page="notification-center"] .p8-drawer{width:min(520px,100vw)}
body[data-system-page="notification-center"] .p8-drawer-body{padding:24px}
body[data-system-page="notification-center"] .p8-detail-list>div{grid-template-columns:150px minmax(0,1fr);gap:16px;padding:12px 0}
body[data-system-page="notification-center"] .p8-detail-list dt{font-size:12px;font-weight:650}
body[data-system-page="notification-center"] .p8-detail-list dd{font-size:13px;line-height:1.45}
body[data-system-page="notification-center"] .p8-routing-account{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;align-items:center;padding:15px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--primary-2) 4%,transparent)}
body[data-system-page="notification-center"] .p8-routing-account>svg{width:18px;justify-self:center;color:var(--primary-text)}
body[data-system-page="notification-center"] .p8-routing-account b{font-size:14px;font-weight:800}
body[data-system-page="notification-center"] .p8-routing-account p{margin-top:3px;color:var(--muted);font-size:12px;line-height:1.5}
body[data-system-page="notification-center"] .p8-routing-table-wrap{margin-top:18px;overflow-x:auto;border:1px solid var(--line);border-radius:14px;scrollbar-gutter:auto}
body[data-system-page="notification-center"] .p8-routing-table{width:100%;min-width:620px;border-collapse:collapse;font-size:12px}
body[data-system-page="notification-center"] .p8-routing-table th,
body[data-system-page="notification-center"] .p8-routing-table td{padding:12px 13px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}
body[data-system-page="notification-center"] .p8-routing-table thead th{background:color-mix(in srgb,var(--bg) 52%,transparent);color:var(--muted);font-size:11.5px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
body[data-system-page="notification-center"] .p8-routing-table tbody th{font-size:12.5px;font-weight:800}
body[data-system-page="notification-center"] .p8-routing-table tbody tr:last-child>*{border-bottom:0}
body[data-system-page="notification-center"] .p8-routing-foot{display:grid;gap:12px;margin-top:16px}
body[data-system-page="notification-center"] .p8-routing-foot p{color:var(--muted);font-size:12px;line-height:1.5}
body[data-system-page="notification-center"] .p8-routing-channel{display:grid;width:100%;grid-template-columns:42px minmax(0,1fr) auto;gap:11px;align-items:center;padding:13px;border:1px solid var(--line);border-radius:13px;text-align:left;background:color-mix(in srgb,var(--bg) 38%,transparent)}
body[data-system-page="notification-center"] .p8-routing-channel>span:first-child{display:flex;width:42px;height:42px;align-items:center;justify-content:center;border-radius:11px;background:color-mix(in srgb,var(--primary-2) 7%,transparent);color:var(--primary-text)}
body[data-system-page="notification-center"] .p8-routing-channel svg{width:16px}
body[data-system-page="notification-center"] .p8-routing-channel b{font-size:13px}
body[data-system-page="notification-center"] .p8-routing-channel p{margin-top:3px;color:var(--muted);font-size:12px}
body[data-system-page="notification-center"] .p8-channel-preference-hero{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:13px;align-items:center;padding:16px;border:1px solid var(--line);border-radius:15px;background:color-mix(in srgb,var(--primary-2) 4%,transparent)}
body[data-system-page="notification-center"] .p8-channel-preference-hero>span:first-child{display:flex;width:48px;height:48px;align-items:center;justify-content:center;border-radius:13px;background:color-mix(in srgb,var(--primary-2) 9%,transparent);color:var(--primary-text)}
body[data-system-page="notification-center"] .p8-channel-preference-hero svg{width:18px}
body[data-system-page="notification-center"] .p8-channel-preference-hero small{color:var(--muted);font-size:11.5px;font-weight:750}
body[data-system-page="notification-center"] .p8-channel-preference-hero h3{margin-top:2px;font-size:16px;font-weight:850}
body[data-system-page="notification-center"] .p8-channel-preference-hero p{margin-top:3px;color:var(--muted);font-size:12px}
@media(max-width:1380px){body[data-system-page="notification-center"] .p8-notification-layout{grid-template-columns:220px minmax(0,1fr)}body[data-system-page="notification-center"] .p8-channel-panel{grid-column:1/-1}}
@media(max-width:820px){body[data-system-page="notification-center"] .p8-notification-layout{grid-template-columns:1fr}body[data-system-page="notification-center"] .p8-notification-rail{position:relative;top:auto;padding:8px 10px}body[data-system-page="notification-center"] .p8-notification-rail>.p8-panel-head{display:none}body[data-system-page="notification-center"] .p8-notification-rail nav{display:flex;gap:7px;overflow-x:auto;padding:4px}body[data-system-page="notification-center"] .p8-notification-rail nav button{flex:0 0 auto;width:auto;min-height:38px}body[data-system-page="notification-center"] .p8-category-list{margin:0;padding:7px 4px 4px;border-top:0}body[data-system-page="notification-center"] .p8-channel-panel{display:none}body[data-system-page="notification-center"] .p8-mobile-delivery{display:inline-flex}body[data-system-page="notification-center"] .p8-feed-tools{width:100%;margin-left:0}body[data-system-page="notification-center"] .p8-feed-tools .p8-search{flex:1}}
@media(max-width:640px){body[data-system-page="notification-center"] .p8-feed-tools{align-items:stretch;flex-direction:column}body[data-system-page="notification-center"] .p8-mobile-delivery{width:100%}body[data-system-page="notification-center"] .p8-notification{overflow:hidden;border:1px solid var(--line);border-radius:14px;margin:10px;background:color-mix(in srgb,var(--surface-solid) 84%,transparent)}body[data-system-page="notification-center"] .p8-notification-main{padding:16px}body[data-system-page="notification-center"] .p8-notification>aside{padding:0 16px 14px 72px}body[data-system-page="notification-center"] .p8-detail-list>div{grid-template-columns:1fr;gap:4px}body[data-system-page="notification-center"] .p8-channel-preference-hero{grid-template-columns:48px 1fr}body[data-system-page="notification-center"] .p8-channel-preference-hero>.p8-badge{grid-column:2;justify-self:start}}