/* Slim, closed-by-default private activity register. */
.sc-audit{margin:10px 0 0;border:1px solid #dce6df;border-radius:9px;background:#ffffffa8;color:#35564b;font:12px Manrope,'Segoe UI',sans-serif;overflow:hidden}
.sc-audit>summary{display:flex;align-items:center;gap:8px;min-height:32px;padding:6px 12px;cursor:pointer;list-style:none;box-sizing:border-box}
.sc-audit>summary::-webkit-details-marker{display:none}
.sc-audit>summary>svg{width:14px;height:14px;flex-shrink:0}
.sc-audit>summary>b{font-size:11px;font-weight:650}
.sc-audit>summary>span{font-size:10px;color:#8c9c94}
.sc-audit>summary>i{margin-left:auto;font-size:14px;font-style:normal;color:#879d91;transition:transform .15s}
.sc-audit[open]>summary{border-bottom:1px solid #e5ede8}
.sc-audit[open]>summary>i{transform:rotate(180deg)}
.sc-audit-body{max-height:350px;overflow:auto;overscroll-behavior:contain}
.sc-audit-tools{display:flex;justify-content:space-between;align-items:center;padding:6px 12px;background:#f6f9f7;color:#8b9d93}
.sc-audit-tools button,.sc-error button,.sc-request-toolbar>button,.sc-load-more{border:1px solid #dce6df;background:#fff;color:#4d7663;border-radius:6px;padding:4px 8px;cursor:pointer;font:inherit;font-size:10px}
.sc-events{margin:0;padding:0 13px;list-style:none}
.sc-event{padding:11px 0;border-bottom:1px solid #e9efeb}
.sc-event:last-child{border-bottom:0}
.sc-event>header{display:flex;flex-wrap:wrap;align-items:baseline;gap:5px 9px;font-size:11px}
.sc-event>header>span{color:#74897c;font-size:10px}
.sc-event time{margin-left:auto;color:#8a9a91;font-size:9px;font-variant-numeric:tabular-nums}
.sc-event>small,.sc-event>p{display:block;margin:5px 0 0;color:#899b91;font-size:10px;line-height:1.6;overflow-wrap:anywhere}
.sc-event.is-change_requested>header>span{color:#af8540}
.sc-event.is-change_approved>header>span{color:#22856b}
.sc-event:is(.is-change_rejected,.is-change_conflict)>header>span{color:#ad6256}
.sc-diff{margin:7px 0 0;padding:0;list-style:none;display:grid;gap:5px}
.sc-diff>li{min-width:0;font-size:10px}
.sc-diff>li>b{display:inline-block;min-width:90px;color:#5b7767;font-size:10px;font-weight:550}
.sc-diff>li>span{display:inline;line-height:1.7;overflow-wrap:anywhere}
.sc-diff del{text-decoration:none;color:#96a499}
.sc-diff i{margin:0 7px;font-style:normal;color:#a4b4a9}
.sc-diff strong{font-weight:600;color:#315d48}
.sc-structured{margin:5px 0;font-size:9px}
.sc-structured summary{cursor:pointer;color:#799083}
.sc-structured pre{max-height:220px;overflow:auto;padding:8px;background:#f3f7f4;border-radius:7px;font:10px ui-monospace,monospace;white-space:pre-wrap;overflow-wrap:anywhere}
.sc-loading,.sc-error,.sc-empty{padding:18px;font-size:11px;color:#81968a;line-height:1.7}
.sc-error{color:#a45b51}
.sc-load-more{display:block;margin:10px auto;padding:6px 12px}
.sc-requests{padding:8px 12px 18px;font-family:Manrope,'Segoe UI',sans-serif;color:#345447}
.sc-request-toolbar{display:flex;align-items:center;gap:7px;margin:2px 0 12px;flex-wrap:wrap}
.sc-request-toolbar>span{font-size:10px;flex:1}
.sc-request-toolbar>span>b{color:#1f7558;margin-left:4px}
.sc-request-toolbar>select{width:auto;min-width:0;padding:5px 7px;border:1px solid #dce6df;border-radius:7px;background:#fff;color:#547363;font:inherit;font-size:10px;height:29px;margin:0}
.sc-request{padding:13px;margin-bottom:10px;border:1px solid #dce6df;border-radius:11px;background:#fff}
.sc-request>header{display:flex;gap:8px;justify-content:space-between;align-items:flex-start}
.sc-request>header>div{min-width:0}
.sc-request h3{margin:3px 0 4px;font-size:13px}
.sc-request>header small,.sc-request>header span{display:block;font-size:9px;color:#8a9d91;overflow-wrap:anywhere}
.sc-status{font-size:9px;font-weight:550;border-radius:6px;padding:4px 6px;background:#fcf4e5;color:#a58349;white-space:nowrap}
.sc-status.is-approved{background:#eaf6ef;color:#2d8863}
.sc-status:is(.is-rejected,.is-conflict){background:#fbeee9;color:#af6151}
.sc-request .sc-diff{border-block:1px solid #edf1ee;padding:8px 0;margin:9px 0}
.sc-note-label{display:block;font-size:9px;color:#7c9384;margin-top:9px}
.sc-note-label input{display:block;box-sizing:border-box;width:100%;height:32px;margin-top:4px;padding:6px 8px;border:1px solid #e0e8e2;border-radius:7px;background:#fafcfb;font:inherit;font-size:11px;color:#345447}
.sc-decision-buttons{display:flex;justify-content:flex-end;gap:7px;margin-top:9px}
.sc-decision-buttons button{display:flex;align-items:center;justify-content:center;gap:5px;border:1px solid #e4d7d1;background:#fff;color:#a76b5d;padding:7px 9px;border-radius:7px;font:inherit;font-size:10px;cursor:pointer}
.sc-decision-buttons svg{width:12px;height:12px}
.sc-decision-buttons .sc-approve{background:#19846c;border-color:#19846c;color:white}
.sc-decision-buttons button:disabled{opacity:.5;cursor:wait}
.sc-request-feedback,.sc-decision,.sc-request-note{margin:7px 0 0;font-size:10px;line-height:1.6;color:#83988a;overflow-wrap:anywhere}
.sc-request-feedback:empty{display:none}
.sc-request-feedback.is-error{color:#ad6054}
#notificationTabs{flex-wrap:wrap}
#ticketBotRoot.is-dummy-desk .sc-audit,.is-dummy-context .sc-audit{background:#153844;color:#d3e8df;border-color:#7ea8a53b}
.is-dummy-context .sc-audit>summary>span{color:#93b5ad}
.is-dummy-context .sc-audit-body{background:#f8fbf9;color:#35564b}
.cf-body>.sc-audit{margin:14px 0 0;flex-shrink:0}
.sw-workspace>.sc-audit{margin-top:14px}
.sc-audit summary:focus-visible,.sc-audit button:focus-visible,.sc-request button:focus-visible{outline:2px solid #60b8cc;outline-offset:2px}
@media(max-width:650px){.sc-audit>summary{padding:6px 9px}.sc-audit>summary>span{font-size:9px}.sc-event time{width:100%;margin-left:0}.sc-diff>li>b{display:block;min-width:0;margin-bottom:2px}.sc-request>header{flex-wrap:wrap}.sc-decision-buttons button{flex:1}.sc-audit-body{max-height:300px}}
/* Notifications: two fixed tabs, one scroll surface, quiet activity rows. */
#appShell.notifications-open{--notification-current-width:0px!important}
#appShell>#notificationPanel{position:fixed!important;inset:calc(var(--header-height,64px) + 12px) 12px 12px auto!important;width:min(448px,calc(100vw - 24px))!important;height:auto!important;max-height:none!important;display:flex!important;flex-direction:column;gap:0;background:#fff!important;border:1px solid #e0e9e6!important;border-radius:20px!important;box-shadow:0 16px 60px #193b3424!important;color:#24453e;z-index:160;overflow:hidden;transition:opacity .15s ease,transform .15s ease;opacity:0!important;transform:translateY(-6px)!important}
#appShell.notifications-open>#notificationPanel{opacity:1!important;transform:none!important}
#notificationPanel [hidden]{display:none!important}
#notificationPanel .floating-panel-head{display:flex;flex:none;align-items:center;justify-content:space-between;gap:12px;padding:22px 22px 18px;border:0;background:#fff;min-height:0}
#notificationPanel .notification-eyebrow{display:block;margin-bottom:5px;font-size:10px;font-weight:700;letter-spacing:1.35px;color:#8a9f98;line-height:1.4}
#notificationPanel #notificationPanelTitle{display:flex;align-items:center;gap:8px;color:#21483f;font-size:22px;letter-spacing:-.5px;line-height:1.25}
#notificationPanel #unreadCount{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 5px;border-radius:7px;background:#e8f4ef;font-size:11px;font-weight:700;color:#147a64;letter-spacing:0}
#notificationPanel button{cursor:pointer;font:inherit;box-shadow:none;min-height:0;letter-spacing:0;text-transform:none}
#notificationPanel button:disabled{opacity:.4;cursor:default}
#notificationPanel button:focus-visible,#notificationPanel input:focus-visible,#notificationPanel select:focus-visible,#notificationPanel [role=tabpanel]:focus-visible{outline:2px solid #51a996;outline-offset:-2px}
#notificationPanel .notification-head-actions{display:flex;gap:6px;align-items:center}
#notificationPanel .notification-head-actions button,#notificationPanel .notification-row-tools button{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:8px;border:0;border-radius:10px;background:#f1f6f4;color:#65857a}
#notificationPanel .notification-head-actions button:hover,#notificationPanel .notification-row-tools button:hover{background:#e4eeea;color:#126b57}
#notificationPanel svg{width:18px;height:18px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.7}
#notificationPanel #notificationTabs{display:flex;flex:none;flex-wrap:nowrap;gap:4px;margin:0 18px 14px;padding:4px;border:0;border-radius:12px;background:#f2f6f4;overflow:visible}
#notificationPanel #notificationTabs button{display:flex;flex:1;align-items:center;justify-content:center;gap:7px;padding:11px 5px;border:0;border-radius:9px;background:transparent;color:#7a8e86;font-size:12px;font-weight:650;white-space:nowrap;line-height:1.3;min-width:0}
#notificationPanel #notificationTabs button.is-active{background:#fff;color:#15745f;box-shadow:0 2px 5px #244d3c0d}
#notificationPanel #notificationTabs svg{width:15px;height:15px}
#notificationPanel #notificationTabs b{padding:2px 5px;border-radius:5px;background:#e0ebe5;font-size:10px;line-height:1.2}
#notificationPanel #notificationList{display:block;flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c7d8d0 transparent;padding:0 18px 18px;border-top:1px solid #edf2ef;scroll-padding-top:8px}
#notificationPanel [role=tabpanel]{min-width:0;outline-offset:-2px}
#notificationPanel .notification-item{display:block;position:relative;margin:0;padding:0;border:0;border-bottom:1px solid #edf2ef;border-radius:0;background:#fff;overflow:visible;box-shadow:none}
#notificationPanel .notification-item.is-unread{background:#f4faf7}
#notificationPanel .notification-summary{display:grid;grid-template-columns:30px minmax(0,1fr) 6px;align-items:start;gap:10px;width:100%;padding:17px 8px;border:0;border-radius:0;background:transparent;text-align:left;color:inherit}
#notificationPanel .notification-icon{display:flex;align-items:center;justify-content:center;width:30px;height:30px;margin-top:1px;border:0;border-radius:9px;background:#eaf2ee;color:#648b7a}
#notificationPanel .notification-icon svg{width:15px;height:15px}
#notificationPanel .notification-copy{display:grid;min-width:0;gap:5px;line-height:1.45}
#notificationPanel .notification-copy>b{font-size:12px;font-weight:700;color:#2d5144}
#notificationPanel .notification-copy>span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;font-size:12px;font-weight:400;color:#738b80}
#notificationPanel .notification-summary[aria-expanded=true] .notification-copy>span{-webkit-line-clamp:unset}
#notificationPanel .notification-copy small{font-size:10px;color:#95a69e;line-height:1.4}
#notificationPanel .notification-copy small:after{content:none!important}
#notificationPanel .notification-dot{display:block;width:6px;height:6px;margin-top:7px;background:#21896d;border-radius:50%}
#notificationPanel .notification-detail{display:block;margin:0;padding:0 8px 14px 48px;border:0;border-radius:0;background:transparent;box-shadow:none}
#notificationPanel .notification-context{display:grid;gap:3px;margin-bottom:8px;font-size:11px;color:#648174;overflow-wrap:anywhere}
#notificationPanel .notification-detail ol{margin:0 0 8px;padding-left:16px;font-size:11px;color:#7f938a;line-height:1.6}
#notificationPanel .notification-detail-actions{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:0;border:0;background:transparent}
#notificationPanel .notification-open{display:flex;align-items:center;gap:14px;min-height:32px;padding:7px 11px;border:0;border-radius:8px;background:#e1f0e8;color:#156a54;font-size:11px;font-weight:700}
#notificationPanel .notification-row-tools{display:flex;gap:3px;margin-left:auto}
#notificationPanel .notification-row-tools button{width:30px;height:30px;background:transparent;padding:7px}
#notificationPanel .notification-row-tools svg{width:15px;height:15px}
#notificationPanel .notification-empty{display:flex;flex-direction:column;align-items:center;gap:7px;min-height:160px;padding:28px 12px;text-align:center;border:0;background:transparent;color:#96aaa0;font-size:11px}
#notificationPanel .notification-empty>svg{width:30px;height:30px;padding:6px;margin-bottom:5px;background:#eff6f2;color:#70a18c;border-radius:50%}
#notificationPanel .notification-empty>b{font-size:12px;font-weight:600;color:#6a8c7c}
#notificationPanel .notification-activity>h3{padding:16px 8px 6px;margin:0;color:#8ba095;font-size:10px;font-weight:700;letter-spacing:.8px;text-transform:uppercase}
#notificationPanel .sc-requests{padding:16px 0 0;margin:0;color:#345447}
#notificationPanel .sc-request-toolbar{display:flex;gap:7px;margin:0 4px 8px;align-items:center;flex-wrap:nowrap}
#notificationPanel .sc-request-toolbar>span{font-size:11px;font-weight:650;color:#587c69}
#notificationPanel .sc-request-toolbar>span>b{background:#eef3ed;color:#71907a;border-radius:5px;padding:2px 5px;font-size:10px}
#notificationPanel .sc-request-toolbar>select{max-width:124px;height:29px;padding:4px 20px 4px 8px;border:0;border-radius:7px;background:#f0f5f1;color:#728d7c;font-size:10px}
#notificationPanel .sc-request-toolbar>button{width:29px;height:29px;padding:0;border:0;background:#f0f5f1;font-size:18px;line-height:1;color:#6c8d79}
#notificationPanel .sc-request{padding:16px 8px;margin:0;border:0;border-bottom:1px solid #e7efe9;border-radius:0;background:transparent}
#notificationPanel .sc-request>header{display:flex;flex-wrap:nowrap;align-items:start;gap:8px}
#notificationPanel .sc-request>header small{font-size:10px;color:#7e9587;line-height:1.5}
#notificationPanel .sc-request h3{font-size:13px;font-weight:700;margin:5px 0;color:#2e5947;line-height:1.35;overflow-wrap:anywhere}
#notificationPanel .sc-request>header span{font-size:9px;color:#9aaa9d;line-height:1.5}
#notificationPanel .sc-status{padding:5px 7px;border-radius:6px;font-size:9px;background:#fbf3df;color:#9b7c32;line-height:1.4;white-space:normal;max-width:100px;flex-shrink:0}
#notificationPanel .sc-status.is-approved{background:#e4f3eb;color:#238665}
#notificationPanel .sc-status:is(.is-rejected,.is-conflict){background:#faeeeb;color:#b47766}
#notificationPanel .sc-request .sc-diff{display:grid;gap:7px;margin:12px 0 10px;padding:10px 12px;border:0;border-radius:8px;background:#f3f7f3}
#notificationPanel .sc-diff>li{font-size:11px;line-height:1.6}
#notificationPanel .sc-diff>li>b{display:block;margin-bottom:2px;font-size:10px;font-weight:500;color:#8b9c8f}
#notificationPanel .sc-diff>li>span{display:flex;flex-wrap:wrap;align-items:baseline;gap:7px;font-size:12px}
#notificationPanel .sc-diff i{margin:0;color:#a1b1a6}
#notificationPanel .sc-diff del{color:#95a49a}
#notificationPanel .sc-diff strong{color:#3b7053}
#notificationPanel .sc-note-label{font-size:10px;margin-top:10px;color:#8b9e91}
#notificationPanel .sc-note-label input{height:34px;font-size:11px;border:1px solid #e4ebe5;border-radius:8px;background:#fff;padding:8px 10px;box-shadow:none}
#notificationPanel .sc-decision-buttons{display:flex;gap:8px;margin-top:10px}
#notificationPanel .sc-decision-buttons button{display:flex;flex:1;gap:6px;align-items:center;justify-content:center;height:35px;padding:7px 8px;border:0;border-radius:8px;background:#f7eeeb;color:#aa705f;font-size:11px;font-weight:650;white-space:nowrap}
#notificationPanel .sc-decision-buttons .sc-approve{flex:1.3;background:#16836a;color:#fff}
#notificationPanel .sc-decision-buttons .sc-approve:hover{background:#116d58}
#notificationPanel .sc-decision-buttons button:disabled{opacity:.5;cursor:wait}
#notificationPanel .sc-decision-buttons svg{width:14px;height:14px}
#notificationPanel .sc-empty{padding:15px 8px;margin:0;color:#91a397;font-size:11px}
#notificationPanel .sc-loading{padding:20px 8px;margin:0;color:#91a397;font-size:11px}
#notificationPanel .sc-error{margin:10px 0;padding:12px;background:#fcf2ee;border-radius:8px;color:#b47c69;font-size:11px}
#notificationPanel .sc-decision,#notificationPanel .sc-request-note,#notificationPanel .sc-request-feedback{font-size:11px;line-height:1.6}
@media(max-width:650px){#appShell>#notificationPanel{inset:calc(var(--header-height,56px) + 8px) 8px 8px!important;width:auto!important;border-radius:16px!important}#notificationPanel .floating-panel-head{padding:18px 16px 16px}#notificationPanel #notificationTabs{margin:0 12px 12px}#notificationPanel #notificationList{padding:0 12px 14px}#notificationPanel #notificationTabs button{font-size:11px;padding:11px 4px;gap:5px}#notificationPanel .sc-request>header{flex-wrap:nowrap}}
@media(prefers-reduced-motion:reduce){#appShell>#notificationPanel{transition:none}}
#appShell>#notificationPanel{font-family:Manrope,'Segoe UI',sans-serif}
#notificationPanel #notificationPanelTitle{font-size:22px!important;font-family:inherit!important}
#notificationPanel .notification-head-actions{flex-direction:row!important}
#notificationPanel .notification-eyebrow{font-family:inherit!important}

/* Keep the bulk-read control distinct from request approval. */
#notificationPanel .notification-head-actions #markAllNotifications{width:auto;gap:5px;padding:8px 10px;font-size:10px;font-weight:600;white-space:nowrap}
#notificationPanel #markAllNotifications svg{width:15px;height:15px}
@media(max-width:420px){#notificationPanel #notificationPanelTitle{font-size:20px!important}#notificationPanel .notification-head-actions{gap:4px}}
/* Compact amount approvals: clear summary, optional detail, independent decisions. */
.notification-finance-detail{white-space:pre-line;overflow-wrap:anywhere;font-size:12px;line-height:1.8;margin:0 0 12px;color:#67716f}
.notification-finance-actions{display:flex;gap:8px;margin:8px 0}
.notification-finance-actions button,.notification-rejection button{min-height:32px;padding:5px 12px;border:1px solid #dce3df;border-radius:8px;background:#fff;color:#426159;font:inherit;font-size:12px;cursor:pointer}
.notification-finance-actions button:first-child{background:#fff9e1;border-color:#e6dca7;color:#6d633e}
.notification-rejection label{display:grid;gap:5px;font-size:11px}.notification-rejection textarea{box-sizing:border-box;width:100%;border:1px solid #dce2df;border-radius:8px;padding:8px;font:inherit;font-size:12px;resize:vertical}.notification-rejection[hidden]{display:none!important}
.notification-copy>span{overflow-wrap:anywhere}.notification-item:not(.is-unread) .notification-finance-detail{color:#89928e}
.sc-request{min-width:0;overflow-wrap:anywhere}.sc-request-header{flex-wrap:wrap;gap:8px}.sc-request p{line-height:1.7;white-space:normal}
