/* Orvexa 1.0.0 — System Pages styles. */
.p8-page{max-width:1600px;margin:0 auto;padding:24px 24px 48px;color:var(--text)}
.p8-page *{min-width:0}.p8-page button,.p8-page input,.p8-page select,.p8-page textarea{font:inherit}
.p8-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:20px}.p8-head h1{font-size:32px;line-height:1.12;font-weight:800;letter-spacing:-.04em}.p8-head p{max-width:790px;margin-top:7px;color:var(--muted);font-size:14px;line-height:1.55}.p8-eyebrow{display:block;color:var(--primary-text);font-size:11px;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.p8-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.p8-btn{display:inline-flex;min-height:38px;white-space:nowrap;align-items:center;justify-content:center;gap:7px;padding:8px 12px;border:1px solid var(--line);border-radius:11px;background:color-mix(in srgb,var(--surface-solid) 86%,transparent);color:var(--text);font-size:12px;font-weight:800;transition:transform .18s ease,border-color .18s ease,background .18s ease}.p8-btn:hover{border-color:color-mix(in srgb,var(--primary-2) 48%,var(--line));transform:translateY(-1px)}.p8-btn:active{transform:translateY(1px)}.p8-btn svg{width:15px;height:15px}.p8-btn.is-primary{border-color:transparent;background:linear-gradient(135deg,var(--primary-2),var(--primary));color:#17130a;box-shadow:0 10px 25px color-mix(in srgb,var(--primary) 18%,transparent)}
.p8-icon-btn{display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:10px;background:transparent;color:var(--muted)}.p8-icon-btn:hover{border-color:var(--primary-text);color:var(--text)}.p8-icon-btn svg{width:15px}
.p8-panel{border:1px solid var(--line);border-radius:18px;background:color-mix(in srgb,var(--surface-solid) 90%,transparent);box-shadow:0 16px 40px rgba(4,8,12,.08)}.p8-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:18px;border-bottom:1px solid var(--line)}.p8-panel-head h2{font-size:16px;font-weight:800;letter-spacing:-.02em}.p8-panel-head p{margin-top:4px;color:var(--muted);font-size:12px;line-height:1.48}
.p8-badge{display:inline-flex;white-space:nowrap;align-items:center;padding:5px 8px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:11px;font-weight:800}.p8-badge.is-good{border-color:rgba(75,201,139,.2);background:rgba(75,201,139,.05);color:var(--mint-text)}.p8-badge.is-warn{border-color:rgba(242,189,79,.22);background:rgba(242,189,79,.05);color:var(--primary-text)}.p8-badge.is-bad{border-color:rgba(245,111,106,.22);background:rgba(245,111,106,.05);color:var(--danger-text)}
.p8-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.p8-metric{position:relative;display:grid;grid-template-columns:42px 1fr;gap:12px;padding:15px;border:1px solid var(--line);border-radius:15px;background:color-mix(in srgb,var(--surface-solid) 90%,transparent);overflow:hidden}.p8-metric:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--primary-2)}.p8-metric.is-mint:before{background:var(--mint)}.p8-metric.is-coral:before{background:var(--danger)}.p8-metric>span{display:flex;width:42px;height:42px;align-items:center;justify-content:center;border-radius:12px;background:rgba(242,189,79,.08);color:var(--primary-text)}.p8-metric.is-mint>span{background:rgba(75,201,139,.08);color:var(--mint-text)}.p8-metric.is-coral>span{background:rgba(245,111,106,.08);color:var(--danger-text)}.p8-metric svg{width:18px}.p8-metric small,.p8-metric strong,.p8-metric p{display:block}.p8-metric small{color:var(--muted);font-size:11px;font-weight:750}.p8-metric strong{margin-top:3px;font-size:23px;line-height:1.05;letter-spacing:-.03em}.p8-metric p{margin-top:5px;color:var(--muted);font-size:11px}

.p8-notification-layout{display:grid;grid-template-columns:220px minmax(0,1fr) 310px;gap:14px;align-items:start}.p8-notification-rail,.p8-channel-panel{position:sticky;top:88px}.p8-notification-rail{padding-bottom:12px}.p8-notification-rail nav{display:grid;gap:4px;padding:10px}.p8-notification-rail nav button,.p8-category-list button{display:flex;width:100%;align-items:center;gap:8px;padding:9px;border-radius:9px;color:var(--muted);font-size:11px;text-align:left;transition:.18s ease}.p8-notification-rail nav button:hover,.p8-notification-rail nav button.is-active,.p8-category-list button:hover,.p8-category-list button.is-active{background:color-mix(in srgb,var(--primary-2) 8%,transparent);color:var(--text)}.p8-notification-rail nav svg{width:14px}.p8-notification-rail nav span,.p8-category-list span{flex:1}.p8-notification-rail nav b,.p8-category-list b{display:flex;min-width:23px;height:22px;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:8px;font-size:11px}.p8-category-list{margin:0 10px;padding-top:10px;border-top:1px solid var(--line)}.p8-category-list>span{display:block;padding:0 8px 7px;color:var(--muted);font-size:11px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.p8-category-list button{padding:7px 8px}
.p8-feed-panel{overflow:hidden}.p8-feed-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px;border-bottom:1px solid var(--line)}.p8-feed-toolbar h2{font-size:16px}.p8-feed-toolbar p{margin-top:3px;color:var(--muted);font-size:11px}.p8-search{display:flex;width:min(300px,100%);height:38px;align-items:center;gap:8px;padding:0 10px;border:1px solid var(--line);border-radius:10px;background:color-mix(in srgb,var(--bg) 48%,transparent)}.p8-search:focus-within{border-color:var(--primary-text)}.p8-search svg{width:14px;color:var(--muted)}.p8-search input{width:100%;border:0;outline:0;background:transparent;color:var(--text);font-size:11px}.p8-search input::placeholder{color:var(--muted)}
.p8-notification{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 100px;border-bottom:1px solid var(--line)}.p8-notification:last-child{border-bottom:0}.p8-notification.is-unread:before{content:"";position:absolute;left:0;top:17px;width:3px;height:44px;border-radius:0 4px 4px 0;background:var(--primary-2)}.p8-notification-main{display:grid;grid-template-columns:42px 1fr;gap:11px;padding:16px 12px 16px 18px;color:var(--text);text-align:left}.p8-notification-main:hover h3{color:var(--primary-text)}.p8-notification-icon{display:flex;width:42px;height:42px;align-items:center;justify-content:center;border-radius:12px;background:color-mix(in srgb,var(--line) 55%,transparent);color:var(--muted)}.p8-notification-icon.is-good{background:rgba(75,201,139,.08);color:var(--mint-text)}.p8-notification-icon.is-warn{background:rgba(242,189,79,.08);color:var(--primary-text)}.p8-notification-icon.is-bad{background:rgba(245,111,106,.08);color:var(--danger-text)}.p8-notification-icon svg{width:17px}.p8-notification-main header{display:flex;align-items:center;gap:7px}.p8-notification-main header span{color:var(--muted);font-size:11px;font-weight:850;text-transform:uppercase}.p8-notification-main header b{padding:3px 6px;border-radius:6px;background:rgba(242,189,79,.07);color:var(--primary-text);font-size:11px}.p8-notification-main h3{margin-top:6px;font-size:12px;transition:.18s ease}.p8-notification-main p{margin-top:5px;color:var(--muted);font-size:11px;line-height:1.5}.p8-notification-main footer{display:flex;gap:8px;flex-wrap:wrap;margin-top:9px}.p8-notification-main footer span{padding:3px 6px;border-radius:6px;background:color-mix(in srgb,var(--bg) 52%,transparent);color:var(--muted);font-size:11px}.p8-notification>aside{display:flex;flex-direction:column;align-items:flex-end;gap:8px;padding:16px 15px 16px 8px}.p8-notification time{color:var(--muted);font-size:11px}.p8-notification>aside>button{margin-top:auto;color:var(--primary-text);font-size:11px;font-weight:850}.p8-empty{display:flex;min-height:380px;flex-direction:column;align-items:center;justify-content:center;padding:30px;color:var(--muted);text-align:center}.p8-empty svg{width:26px}.p8-empty b{margin-top:10px;color:var(--text);font-size:12px}.p8-empty p{max-width:300px;margin-top:4px;font-size:11px}.p8-empty button{margin-top:12px;color:var(--primary-text);font-size:11px;font-weight:850}
.dark .p8-notification-main header{background:transparent!important}
.p8-channel-panel{overflow:hidden}.p8-channel-list{padding:4px 16px}.p8-channel-list article{display:grid;grid-template-columns:36px 1fr auto;gap:9px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}.p8-channel-list article:last-child{border-bottom:0}.p8-channel-list article>span{display:flex;width:36px;height:36px;align-items:center;justify-content:center;border-radius:10px;background:rgba(117,167,227,.08);color:#75a7e3}.p8-channel-list svg{width:15px}.p8-channel-list b{font-size:11px}.p8-channel-list p,.p8-channel-list small{display:block;margin-top:2px;color:var(--muted);font-size:11px;line-height:1.35}.p8-channel-list small{color:var(--text)}.p8-switch{position:relative;width:38px;height:22px;padding:2px;border:1px solid var(--line);border-radius:999px;background:color-mix(in srgb,var(--line) 65%,transparent);transition:.18s ease}.p8-switch span{display:block;width:16px;height:16px;border-radius:50%;background:var(--muted);transition:transform .18s ease,background .18s ease}.p8-switch.is-on{border-color:rgba(75,201,139,.3);background:rgba(75,201,139,.12)}.p8-switch.is-on span{transform:translateX(16px);background:var(--mint)}.p8-noise-note{display:grid;grid-template-columns:34px 1fr;gap:9px;margin:8px 14px 14px;padding:12px;border:1px solid rgba(242,189,79,.16);border-radius:12px;background:rgba(242,189,79,.04)}.p8-noise-note>svg{width:16px;color:var(--primary-text)}.p8-noise-note b{font-size:11px}.p8-noise-note p{margin-top:3px;color:var(--muted);font-size:11px;line-height:1.45}

.p8-profile-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:16px;align-items:start}.p8-profile-summary{position:sticky;top:88px;padding:24px;border:1px solid var(--line);border-radius:19px;background:linear-gradient(145deg,color-mix(in srgb,var(--surface-solid) 96%,transparent),color-mix(in srgb,var(--primary-2) 5%,var(--surface-solid)));text-align:center;box-shadow:0 18px 44px rgba(4,8,12,.1)}.p8-avatar-wrap{position:relative;width:104px;margin:auto}.p8-profile-avatar{display:flex;width:104px;height:104px;align-items:center;justify-content:center;border:1px solid rgba(242,189,79,.32);border-radius:28px;background:linear-gradient(135deg,var(--primary-2),var(--primary));color:#17130a;font-size:30px;font-weight:900;box-shadow:0 16px 36px rgba(4,8,12,.16)}.p8-avatar-wrap button{position:absolute;right:-5px;bottom:-5px;display:flex;width:34px;height:34px;align-items:center;justify-content:center;border:3px solid var(--surface-solid);border-radius:11px;background:var(--text);color:var(--bg)}.p8-avatar-wrap svg{width:14px}.p8-profile-summary h2{margin-top:18px;font-size:20px}.p8-profile-summary>p{margin-top:4px;color:var(--muted);font-size:11px}.p8-profile-email{display:block;margin-top:5px;color:var(--muted);font-size:11px}.p8-profile-tags{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;margin-top:14px}.p8-profile-tags>span:not(.p8-badge){padding:5px 8px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:11px;font-weight:800}.p8-profile-summary dl{display:grid;gap:9px;margin:20px 0;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);text-align:left}.p8-profile-summary dl div{display:flex;align-items:center;justify-content:space-between;gap:8px}.p8-profile-summary dt{color:var(--muted);font-size:11px}.p8-profile-summary dd{font-size:11px;font-weight:800;text-align:right}.p8-profile-summary>.p8-btn{width:100%}.p8-profile-main{display:grid;gap:14px}.p8-profile-form{overflow:hidden}.p8-save-state{display:inline-flex;padding:5px 8px;border:1px solid rgba(75,201,139,.2);border-radius:8px;color:var(--mint-text);font-size:11px;font-weight:850}.p8-save-state.is-dirty{border-color:rgba(242,189,79,.22);color:var(--primary-text)}
.p8-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:18px}.p8-field{display:grid;align-content:start;gap:6px}.p8-field.is-wide{grid-column:1/-1}.p8-field>span{font-size:11px;font-weight:800}.p8-field input,.p8-field select,.p8-field textarea{width:100%;border:1px solid var(--line);border-radius:10px;outline:0;background:color-mix(in srgb,var(--bg) 50%,transparent);color:var(--text);font-size:12px}.p8-field input,.p8-field select{height:40px;padding:0 10px}.p8-field textarea{min-height:100px;padding:10px;resize:vertical;line-height:1.5}.p8-field input:focus,.p8-field select:focus,.p8-field textarea:focus{border-color:var(--primary-text);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary-2) 10%,transparent)}.p8-field input.is-error{border-color:var(--danger-text)}.p8-field>small{color:var(--muted);font-size:11px;line-height:1.35}.p8-field>em{color:var(--danger-text);font-size:11px;font-style:normal}.p8-account-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.p8-account-evidence,.p8-preferences{overflow:hidden}.p8-account-evidence>div:not(.p8-panel-head){display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center;padding:13px 16px;border-bottom:1px solid var(--line)}.p8-account-evidence>div>span:first-child{display:flex;width:38px;height:38px;align-items:center;justify-content:center;border-radius:10px;background:rgba(75,201,139,.08);color:var(--mint-text)}.p8-account-evidence>div>span svg{width:16px}.p8-account-evidence dt{color:var(--muted);font-size:11px}.p8-account-evidence dd{margin-top:3px;font-size:11px;font-weight:800}.p8-account-evidence>div>button{color:var(--primary-text);font-size:11px;font-weight:850}.p8-account-evidence>a{display:flex;align-items:center;justify-content:space-between;padding:13px 16px;color:var(--primary-text);font-size:11px;font-weight:850}.p8-account-evidence>a svg{width:13px}.p8-preference-list{display:grid;gap:14px;padding:16px}.p8-switch-row{display:flex;align-items:center;justify-content:space-between;gap:15px}.p8-switch-row b,.p8-switch-row small{display:block}.p8-switch-row b{font-size:11px}.p8-switch-row small{margin-top:3px;color:var(--muted);font-size:11px}

.p8-settings-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:14px;padding:19px 22px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--surface-solid) 96%,transparent),color-mix(in srgb,var(--primary-2) 5%,var(--surface-solid)))}.p8-settings-hero h2{margin-top:5px;font-size:19px;letter-spacing:-.025em}.p8-settings-hero p{margin-top:4px;color:var(--muted);font-size:11px}.p8-settings-hero dl{display:grid;grid-template-columns:repeat(3,minmax(105px,1fr));gap:7px}.p8-settings-hero dl div{padding:10px;border:1px solid var(--line);border-radius:10px;background:color-mix(in srgb,var(--bg) 45%,transparent)}.p8-settings-hero dt{color:var(--muted);font-size:11px}.p8-settings-hero dd{margin-top:3px;font-size:17px;font-weight:850}.p8-settings-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:14px;align-items:start}.p8-settings-nav{position:sticky;top:88px;padding:9px;border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--surface-solid) 90%,transparent)}.p8-settings-nav>span{display:block;padding:7px 9px;color:var(--muted);font-size:11px;font-weight:850;letter-spacing:.09em;text-transform:uppercase}.p8-settings-nav>button{display:grid;width:100%;grid-template-columns:32px 1fr 15px;gap:9px;align-items:center;padding:10px;border-radius:11px;color:var(--muted);text-align:left;transition:.18s ease}.p8-settings-nav>button:hover,.p8-settings-nav>button.is-active{background:color-mix(in srgb,var(--primary-2) 8%,transparent);color:var(--text)}.p8-settings-nav>button>svg:first-child{width:16px;color:var(--primary-text)}.p8-settings-nav>button>svg:last-child{width:13px}.p8-settings-nav>button b,.p8-settings-nav>button small{display:block}.p8-settings-nav>button b{font-size:11px}.p8-settings-nav>button small{margin-top:3px;color:var(--muted);font-size:11px;line-height:1.35}.p8-settings-note{display:grid;grid-template-columns:20px 1fr;gap:8px;margin-top:9px;padding:12px;border-top:1px solid var(--line);color:var(--muted)}.p8-settings-note svg{width:15px;color:var(--mint-text)}.p8-settings-note p{font-size:11px;line-height:1.45}.p8-settings-panel{min-height:590px;overflow:hidden}.p8-settings-panel form>.p8-panel-head{padding:21px}.p8-settings-body{min-height:430px}.p8-settings-panel form>footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 18px;border-top:1px solid var(--line);background:color-mix(in srgb,var(--bg) 35%,transparent)}.p8-settings-panel footer b{font-size:11px}.p8-settings-panel footer p{margin-top:2px;color:var(--muted);font-size:11px}.p8-setting-list{display:grid;padding:8px 18px}.p8-setting-list>div{display:grid;grid-template-columns:38px minmax(0,1fr) 170px;gap:11px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.p8-setting-list>div:last-child{border-bottom:0}.p8-setting-list>div>span{display:flex;width:38px;height:38px;align-items:center;justify-content:center;border-radius:10px;background:rgba(117,167,227,.08);color:#75a7e3}.p8-setting-list svg{width:16px}.p8-setting-list b{font-size:11px}.p8-setting-list p{margin-top:3px;color:var(--muted);font-size:11px}.p8-setting-list select,.p8-routing-grid select{height:38px;padding:0 9px;border:1px solid var(--line);border-radius:9px;outline:0;background:color-mix(in srgb,var(--bg) 48%,transparent);color:var(--text);font-size:11px}.p8-setting-list select:focus,.p8-routing-grid select:focus{border-color:var(--primary-text)}.p8-routing-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:18px}.p8-routing-grid article{display:grid;grid-template-columns:38px 1fr;gap:10px;padding:13px;border:1px solid var(--line);border-radius:12px}.p8-routing-grid article>span{display:flex;width:38px;height:38px;align-items:center;justify-content:center;border-radius:10px;background:rgba(242,189,79,.08);color:var(--primary-text)}.p8-routing-grid svg{width:16px}.p8-routing-grid b{font-size:11px}.p8-routing-grid p{margin-top:3px;color:var(--muted);font-size:11px}.p8-routing-grid select{grid-column:1/-1;width:100%}
.p8-unsaved{position:fixed;z-index:35;left:50%;bottom:18px;display:flex;min-width:min(560px,calc(100vw - 24px));transform:translateX(-34%);align-items:center;gap:8px;padding:9px;border:1px solid rgba(242,189,79,.22);border-radius:13px;background:var(--surface-solid);box-shadow:0 20px 60px rgba(4,8,12,.25)}.p8-unsaved[hidden]{display:none}.p8-unsaved>span{display:flex;flex:1;align-items:center;gap:7px;padding:0 6px;color:var(--primary-text);font-size:11px;font-weight:850}.p8-unsaved>span svg{width:13px}

.p8-drawer-backdrop{position:fixed;z-index:100;inset:0;background:rgba(3,7,10,.58);backdrop-filter:blur(3px)}.p8-drawer{position:fixed;z-index:110;top:0;right:0;width:min(440px,100vw);height:100dvh;border-left:1px solid var(--line);background:var(--surface-solid);box-shadow:-24px 0 65px rgba(0,0,0,.28);transform:translateX(104%);transition:transform .24s ease}.p8-drawer.is-open{transform:translateX(0)}.p8-drawer>header{display:flex;height:74px;align-items:center;justify-content:space-between;gap:14px;padding:0 18px;border-bottom:1px solid var(--line)}.p8-drawer h2{margin-top:4px;font-size:17px}.p8-drawer-body{height:calc(100dvh - 74px);padding:18px;overflow-y:auto}.p8-drawer-status{display:flex;gap:7px;flex-wrap:wrap}.p8-drawer-copy{margin-top:15px;color:var(--muted);font-size:12px;line-height:1.6}.p8-detail-list{display:grid;margin-top:16px}.p8-detail-list>div{display:grid;grid-template-columns:130px 1fr;gap:12px;padding:11px 0;border-bottom:1px solid var(--line)}.p8-detail-list dt{color:var(--muted);font-size:11px}.p8-detail-list dd{font-size:11px;font-weight:800;word-break:break-word}.p8-drawer-actions{display:flex;gap:8px;margin-top:18px}.p8-drawer-actions>*{flex:1}.p8-routing-summary{display:grid;gap:8px;margin-bottom:15px}.p8-routing-summary article{display:grid;grid-template-columns:38px 1fr auto;gap:9px;align-items:center;padding:11px;border:1px solid var(--line);border-radius:11px}.p8-routing-summary article>span{display:flex;width:38px;height:38px;align-items:center;justify-content:center;border-radius:10px;background:rgba(117,167,227,.08);color:#75a7e3}.p8-routing-summary svg{width:15px}.p8-routing-summary b{font-size:11px}.p8-routing-summary p{margin-top:3px;color:var(--muted);font-size:11px}.p8-upload-zone{display:flex;min-height:280px;flex-direction:column;align-items:center;justify-content:center;padding:28px;border:1px dashed color-mix(in srgb,var(--primary-2) 44%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--primary-2) 4%,transparent);text-align:center}.p8-upload-zone>svg{width:28px;color:var(--primary-text)}.p8-upload-zone>b{margin-top:11px;font-size:12px}.p8-upload-zone>p{margin:5px 0 15px;color:var(--muted);font-size:11px}.p8-toast{display:flex;align-items:center;gap:9px;padding:11px 13px;border:1px solid rgba(75,201,139,.2);border-radius:11px;background:var(--surface-solid);box-shadow:0 14px 40px rgba(3,7,10,.2);color:var(--text);font-size:11px;font-weight:750;animation:p8-in .2s ease}.p8-toast svg{width:15px;color:var(--mint-text)}.p8-mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px}@keyframes p8-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:1380px){.p8-notification-layout{grid-template-columns:205px minmax(0,1fr)}.p8-channel-panel{position:relative;top:auto;grid-column:1/-1}.p8-channel-list{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.p8-noise-note{max-width:600px}}
@media(max-width:1100px){.p8-metrics{grid-template-columns:1fr 1fr}.p8-profile-layout,.p8-settings-layout{grid-template-columns:1fr}.p8-profile-summary,.p8-settings-nav{position:relative;top:auto}.p8-profile-summary{display:grid;grid-template-columns:120px 1fr;align-items:center;text-align:left}.p8-avatar-wrap{grid-row:1/5;margin:0}.p8-profile-tags{justify-content:flex-start}.p8-profile-summary dl,.p8-profile-summary>.p8-btn{grid-column:1/-1}.p8-profile-summary dl{grid-template-columns:repeat(3,1fr)}.p8-profile-summary dl div{display:block}.p8-profile-summary dd{margin-top:3px;text-align:left}.p8-settings-nav{display:grid;grid-template-columns:1fr 1fr}.p8-settings-nav>span,.p8-settings-note{grid-column:1/-1}.p8-unsaved{transform:translateX(-50%)}}
@media(max-width:820px){.p8-page{padding:22px 18px 44px}.p8-head{align-items:flex-start;flex-direction:column}.p8-head h1{font-size:29px}.p8-notification-layout{grid-template-columns:1fr}.p8-notification-rail,.p8-channel-panel{position:relative;top:auto}.p8-notification-rail nav{grid-template-columns:1fr 1fr}.p8-category-list{display:flex;gap:5px;padding:10px 0 0;overflow-x:auto}.p8-category-list>span{display:none}.p8-category-list button{flex:0 0 auto;width:auto}.p8-account-grid{grid-template-columns:1fr}.p8-settings-hero{align-items:flex-start;flex-direction:column}.p8-settings-hero dl{width:100%}.p8-routing-grid{grid-template-columns:1fr}.p8-channel-list{grid-template-columns:1fr}}
@media(max-width:640px){.p8-page{padding:18px 12px 40px}.p8-head h1{font-size:27px}.p8-actions{width:100%}.p8-actions>*{flex:1}.p8-metrics,.p8-form-grid{grid-template-columns:1fr}.p8-feed-toolbar{align-items:flex-start;flex-direction:column}.p8-search{width:100%}.p8-notification{grid-template-columns:1fr}.p8-notification>aside{flex-direction:row;align-items:center;padding:0 16px 14px 71px}.p8-notification>aside>button{margin:0 0 0 auto}.p8-profile-summary{display:block;text-align:center}.p8-avatar-wrap{margin:auto}.p8-profile-tags{justify-content:center}.p8-profile-summary dl{display:grid;grid-template-columns:1fr;text-align:left}.p8-profile-summary>.p8-btn{margin-top:0}.p8-settings-nav{grid-template-columns:1fr}.p8-settings-nav>span,.p8-settings-note{grid-column:auto}.p8-settings-hero dl{grid-template-columns:1fr}.p8-setting-list>div{grid-template-columns:38px 1fr}.p8-setting-list select{grid-column:2;width:100%}.p8-settings-panel form>footer{align-items:flex-start;flex-direction:column}.p8-settings-panel form>footer .p8-btn{width:100%}.p8-unsaved{flex-wrap:wrap}.p8-unsaved>span{flex-basis:100%;padding:4px 6px}.p8-unsaved .p8-btn{flex:1}.p8-detail-list>div{grid-template-columns:1fr}.p8-drawer-actions{flex-direction:column}}
@media(prefers-reduced-motion:reduce){.p8-page *,.p8-drawer,.p8-toast{scroll-behavior:auto!important;animation:none!important;transition:none!important}}