.change-requests-page{flex-direction:column;gap:14px;width:100%;max-width:1180px;display:flex}.staff-workspace.mobile-app .staff-workspace-content .page.change-requests-page{max-width:1180px}.change-requests-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.change-requests-header>div{min-width:0}.change-requests-header h1{letter-spacing:-.04em;margin:0;font-size:30px;line-height:1.12}.change-requests-header p{color:#69717d;margin:6px 0 0;font-size:13px;line-height:1.45}.change-requests-action{color:#8d254d;min-height:34px;font:inherit;cursor:pointer;background:#fff;border:1px solid #e2d4dc;border-radius:9px;flex:none;justify-content:center;align-items:center;gap:6px;padding:7px 11px;font-size:12px;font-weight:600;text-decoration:none;display:inline-flex}.change-requests-action>svg,.change-requests-notice-icon>svg,.change-requests-empty>svg{flex:none;width:16px;height:16px;display:block}.change-requests-action>span{line-height:1.3}.change-requests-action.is-primary{color:#fff;background:#ed1266;border-color:#ed1266}.change-requests-action:hover{border-color:#ed1266}.change-requests-action:disabled{opacity:.55;cursor:default}.change-requests-page :is(button,a,select):focus-visible,.change-requests-notice a:focus-visible{outline-offset:3px;outline:3px solid #b2104d}.change-requests-notice{background:#fff;border:1px solid #e7dce2;border-radius:14px;align-items:center;gap:12px;margin-bottom:18px;padding:14px 16px;display:flex}.change-requests-notice.has-pending{background:#fff4f8;border-color:#f4a1bd}.change-requests-notice-icon{color:#cc0c50;background:#ffe7f0;border-radius:11px;flex:none;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.change-requests-notice-icon>svg{width:21px;height:21px}.change-requests-notice-copy{flex:1;min-width:0}.change-requests-notice h2{flex-wrap:wrap;align-items:center;gap:8px;margin:0;font-size:16px;line-height:1.3;display:flex}.change-requests-notice h2>b{color:#bf104d;background:#ffe7f0;border-radius:999px;justify-content:center;align-items:center;min-width:26px;min-height:24px;padding:2px 7px;font-size:12px;line-height:1;display:inline-flex}.change-requests-notice p{color:#69717d;margin:4px 0 0;font-size:12px;line-height:1.45}.change-requests-overdue{color:#ab1938;margin-top:4px;font-size:12px;line-height:1.4;display:block}.change-requests-attention{color:#9d1b39;background:#fff3f5;border:1px solid #f0afbd;border-radius:10px;flex-wrap:wrap;gap:4px 10px;padding:10px 12px;font-size:12px;line-height:1.45;display:flex}.change-requests-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.change-requests-tabs{gap:6px;display:flex}.change-requests-tabs button,.change-requests-pagination button{min-height:34px;font:inherit;cursor:pointer;background:#fff;border:1px solid #e5dce2;border-radius:9px;padding:7px 10px;font-size:12px;line-height:1.35}.change-requests-tabs button[aria-pressed=true]{color:#b2104d;background:#ffedf4;border-color:#f59cbe}.change-requests-tabs b{margin-left:6px}.change-requests-toolbar label{color:#716671;align-items:center;gap:7px;font-size:12px;display:flex}.change-requests-toolbar select{color:#302a30;min-height:34px;font:inherit;background:#fff;border:1px solid #dfd3dc;border-radius:9px;padding:6px 9px}.change-requests-order{color:#786d77;margin:0;font-size:12px;line-height:1.45}.change-requests-list{gap:12px;display:grid}.change-request-card{overflow-wrap:anywhere;background:#fff;border:1px solid #e4d9e0;border-radius:14px;padding:16px}.change-request-card.is-overdue{border-color:#efadc0}.change-request-card>header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.change-request-card>header>div{min-width:0}.change-request-card h2{margin:0 0 4px;font-size:15px;line-height:1.35}.change-request-family-heading{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.change-request-family-heading h2{margin:0}.change-request-family-link{color:#a22854;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:0;display:inline-flex}.change-request-family-link>span{text-underline-offset:3px;line-height:1.35;text-decoration:underline}.change-request-family-link>svg{flex:none;width:15px;height:15px;display:block}.change-request-family-link:hover{color:#ed1266}.change-request-branch{color:#796d77;background:#f5f2f4;border-radius:6px;padding:3px 6px;font-size:12px;line-height:1.3}.change-request-status{color:#61565f;background:#f4f1f3;border-radius:7px;flex:none;padding:4px 7px;font-size:12px;font-weight:600;line-height:1.3}.change-request-status.is-pending{color:#b50d47;background:#ffe7f0}.change-request-status.is-approved{color:#276649;background:#edf7f1}.change-request-author{color:#796d77;flex-wrap:wrap;gap:4px 10px;margin:10px 0;font-size:12px;line-height:1.4;display:flex}.change-request-author strong{color:#51444e}.change-request-author time{border-left:1px solid #e4d9e0;padding-left:10px}.change-request-subject{color:#706370;margin:0 0 8px;font-size:12px;line-height:1.5}.change-request-subject strong{color:#302a30}.change-request-diff{border:1px solid #ece2e8;border-radius:10px;width:100%;max-width:660px;margin:0;overflow:hidden}.change-request-diff>div{background:#fdfbfd;grid-template-columns:110px minmax(0,1fr);gap:12px;padding:10px 12px;display:grid}.change-request-diff>div+div{border-top:1px solid #ece2e8}.change-request-diff dt{color:#706370;align-self:center;font-size:12px;line-height:1.4}.change-request-diff dd{grid-template-columns:minmax(0,1fr) 16px minmax(0,1fr);align-items:start;gap:12px;margin:0;font-size:13px;line-height:1.4;display:grid}.change-request-diff dd>svg{color:#ac6580;flex:none;align-self:center;width:16px;height:16px;margin-top:14px;display:block}.change-request-diff dd>span{min-width:0}.change-request-diff dd>span:first-child{text-align:right}.change-request-diff small{color:#817580;margin-bottom:2px;font-size:12px;font-weight:400;display:block}.change-request-diff strong{color:#aa2156}.change-request-reason{background:#fff5f9;border-left:3px solid #ed7ca8;border-radius:0 9px 9px 0;max-width:660px;margin:12px 0;padding:10px 12px}.change-request-reason h3{color:#8d254d;margin:0 0 4px;font-size:12px;line-height:1.4}.change-request-reason p{color:#302a30;white-space:pre-wrap;margin:0;font-size:14px;font-weight:500;line-height:1.5}.change-request-card>footer{flex-wrap:wrap;justify-content:flex-end;gap:6px;margin-top:12px;display:flex}.change-request-review{color:#71636e;border-top:1px solid #ebe1e7;margin-top:10px;padding-top:8px;font-size:12px;line-height:1.5}.change-request-review p{margin:0}.change-request-review p+p{margin-top:4px}.change-requests-error{color:#a61b3a;background:#fff0f3;border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px;padding:12px;font-size:12px;line-height:1.45;display:flex}.change-requests-empty{text-align:center;background:#fff;border:1px solid #e7dce2;border-radius:14px;padding:32px 16px}.change-requests-empty>svg{color:#be1652;width:30px;height:30px;margin:0 auto 16px}.change-requests-empty h2{font-size:15px}.change-requests-empty p{color:#796c76;font-size:12px;line-height:1.45}.change-requests-pagination{justify-content:center;align-items:center;gap:12px;font-size:12px;display:flex}.change-requests-pagination button:disabled{opacity:.5;cursor:default}.staff-workspace-nav>a.change-requests-nav{align-items:center;gap:12px;display:flex}.staff-workspace-nav>a.change-requests-nav strong{line-height:1.3}.staff-workspace-nav>a.change-requests-nav svg{flex:none;display:block}.bottom-nav__item.change-requests-nav{align-items:center;gap:4px;display:flex}.bottom-nav__item.change-requests-nav>svg{flex:none;display:block}.mobile-app--admin .staff-bottom-nav .bottom-nav__item.change-requests-nav>span:not(.bottom-nav__active){white-space:normal;width:100%;font-size:12px;line-height:1.2}.family-preview-overlay{z-index:4500;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.family-preview-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#2b1c2547;position:absolute;inset:0}.family-preview-dialog{color:#302a30;overflow-wrap:anywhere;background:#fff;border:1px solid #e7dce2;border-radius:16px;flex-direction:column;width:min(640px,100%);min-width:0;max-height:min(760px,100dvh - 32px);display:flex;position:relative;overflow:hidden;box-shadow:0 20px 70px #30172633}.family-preview-dialog>header{border-bottom:1px solid #eee5eb;justify-content:space-between;align-items:flex-start;gap:12px;padding:16px;display:flex}.family-preview-dialog>header>div{min-width:0}.family-preview-dialog h2{margin:0;font-size:18px;line-height:1.35}.family-preview-dialog header p{color:#796d77;margin:5px 0 0;font-size:12px;line-height:1.4}.family-preview-close{color:#a22854;cursor:pointer;background:#fff0f5;border:0;border-radius:9px;flex:none;justify-content:center;align-items:center;width:34px;height:34px;padding:0;display:flex}.family-preview-close>svg{flex:none;width:18px;height:18px;display:block}.family-preview-close:hover{background:#ffe1ed}.family-preview-dialog button:focus-visible{outline-offset:2px;outline:3px solid #b2104d}.family-preview-body{overscroll-behavior:contain;min-height:0;padding:16px;font-size:13px;line-height:1.5;overflow-y:auto}.family-preview-body>p,.family-preview-error p{margin:0}.family-preview-summary{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.family-preview-summary>span{color:#706370;background:#f6f2f4;border-radius:7px;padding:3px 8px;font-size:12px}.family-preview-body>section+section{margin-top:18px}.family-preview-body h3{margin:0 0 8px;font-size:14px}.family-preview-person{border:1px solid #ece2e8;border-radius:10px;padding:12px}.family-preview-person+.family-preview-person{margin-top:8px}.family-preview-person h4{margin:0;font-size:13px;line-height:1.4}.family-preview-person p{margin:4px 0 0;font-size:12px;line-height:1.5}.family-preview-person p>span{color:#796d77}.family-preview-enrollment{border-top:1px solid #eee5eb;margin-top:10px;padding-top:10px}.family-preview-enrollment>div{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:5px 10px;display:flex}.family-preview-enrollment strong{font-size:12px}.family-preview-enrollment-status{color:#796d77;font-size:12px}.family-preview-enrollment p{color:#706370}.family-preview-dialog>footer{border-top:1px solid #eee5eb;justify-content:flex-end;padding:12px 16px;display:flex}.family-preview-error .change-requests-action{margin-top:10px}@media (max-width:760px){.change-requests-header{flex-wrap:wrap;gap:12px}.change-requests-notice{grid-template-columns:40px minmax(0,1fr);align-items:start;gap:10px;padding:12px;display:grid}.change-requests-notice-icon{grid-area:1/1}.change-requests-notice-copy{grid-area:1/2;min-width:0}.change-requests-notice .change-requests-action{grid-column:1/-1;width:100%;margin-left:0}.change-request-card{padding:13px}.change-request-diff>div{grid-template-columns:1fr;gap:5px}.change-request-diff dd{gap:8px}.change-request-author time{border:0;flex-basis:100%;padding:0}}@media (max-width:520px){.change-requests-header h1{font-size:25px}.change-requests-header p{font-size:12px}.change-requests-action,.change-requests-tabs button,.change-requests-toolbar select,.change-requests-pagination button{min-height:40px}.change-request-card>header{flex-wrap:wrap;gap:8px}.change-request-card h2{font-size:14px}.family-preview-overlay{padding:12px}.family-preview-dialog{max-height:calc(100dvh - 24px)}.family-preview-close{width:40px;height:40px}}