.cpp-overlay{position:fixed;inset:0;z-index:11050;background:rgba(12,20,27,.48);display:flex;justify-content:flex-end;isolation:isolate}
.cpp-panel{width:min(100vw,480px);height:100%;display:flex;flex-direction:column;background:#fff;color:#23303a;box-shadow:-6px 0 24px #0003;font-size:16px;line-height:1.45;text-align:left}
/* Ending work is a focused decision, never a full-height right-hand drawer. */
.cpp-overlay.cpp-overlay--completion{align-items:center;justify-content:center;padding:12px;box-sizing:border-box}
.cpp-overlay--completion .cpp-panel{width:min(540px,100%);height:auto;max-height:min(78dvh,720px);min-height:0;border:1px solid #bdd8c8;border-radius:12px;box-shadow:0 18px 50px #10281f4d}
.cpp-panel *{box-sizing:border-box}.cpp-panel h2,.cpp-panel h3,.cpp-panel p{margin:0}.cpp-panel h2{font-size:19px;font-weight:650}.cpp-panel h3{font-size:17px;font-weight:650}
.cpp-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-bottom:1px solid #dbe3e7;flex:none}
.cpp-body{overflow:auto;overscroll-behavior:contain;padding:0 14px 20px;flex:1;min-height:0}
.cpp-status{padding:8px 14px;min-height:22px;color:#50616d;flex:none}.cpp-status:empty{padding:0;min-height:6px}.cpp-error{color:#aa2525}
.cpp-section{padding:12px 0;border-bottom:1px solid #e2e8eb;display:flex;flex-direction:column;gap:10px}
.cpp-note,.cpp-meta{font-size:16px;color:#52636f;white-space:pre-wrap;overflow-wrap:anywhere}.cpp-fact{white-space:pre-wrap;overflow-wrap:anywhere;font-size:16px}
.cpp-panel input:not([type=checkbox]),.cpp-panel textarea,.cpp-panel select{font-family:inherit;font-size:16px;line-height:1.45;border:1px solid #a9b9c3;border-radius:7px;background:#fff;color:#23303a;width:100%;padding:9px 10px;min-height:44px;resize:vertical}
.cpp-panel input:focus,.cpp-panel textarea:focus,.cpp-panel select:focus,.cpp-panel button:focus-visible,.cpp-panel summary:focus-visible{outline:2px solid #168050;outline-offset:2px}
.cpp-field{display:flex;flex-direction:column;gap:6px;font-size:16px}.cpp-field span{color:#344954}
.cpp-button{font-family:inherit;font-size:16px;min-width:64px;min-height:44px;padding:9px 13px;border:1px solid #aabac5;border-radius:7px;background:#f2f6f8;color:#23303a;cursor:pointer;line-height:1.35;text-align:center}
.cpp-primary{background:#168454;border-color:#168454;color:#fff}.cpp-danger{color:#a02828;border-color:#d8aaaa;background:#fff8f8}
.cpp-panel input:disabled,.cpp-panel textarea:disabled,.cpp-panel select:disabled{opacity:.62;cursor:default}
/* BUG-058: legacy button:hover changes only the background; own both text and surface here. */
.cpp-panel .cpp-button{background:var(--cpp-button-bg,#f2f6f8);color:var(--cpp-button-ink,#23303a);border-color:var(--cpp-button-border,#aabac5);text-shadow:none}
.cpp-panel .cpp-button.cpp-primary{--cpp-button-bg:#167548;--cpp-button-ink:#fff;--cpp-button-border:#167548;--cpp-button-hover-bg:#12673f;--cpp-button-hover-ink:#fff;--cpp-button-hover-border:#12673f;--cpp-button-active-bg:#0e5635;--cpp-button-active-ink:#fff;--cpp-button-active-border:#0e5635}
.cpp-panel .cpp-button.cpp-danger{--cpp-button-bg:#fff8f8;--cpp-button-ink:#a02828;--cpp-button-border:#d8aaaa;--cpp-button-hover-bg:#fff0f0;--cpp-button-hover-ink:#8b2020;--cpp-button-hover-border:#bc8b8b;--cpp-button-active-bg:#f8dddd;--cpp-button-active-ink:#721717;--cpp-button-active-border:#a57777}
/* Match the shared feedback selector's real exception, so its important filter cannot dim text. */
html body .cpp-panel .cpp-button:not(#quickPushNextDragHandle):is(:hover,:focus-visible):not(:disabled):not([aria-disabled="true"]){background:var(--cpp-button-hover-bg,#e6f0eb);color:var(--cpp-button-hover-ink,#17492f);border-color:var(--cpp-button-hover-border,#92b5a0);filter:none!important}
html body .cpp-panel .cpp-button:not(#quickPushNextDragHandle):active:not(:disabled):not([aria-disabled="true"]){background:var(--cpp-button-active-bg,#d5e7db);color:var(--cpp-button-active-ink,#17492f);border-color:var(--cpp-button-active-border,#7a9d88);filter:none!important}
html body .cpp-panel .cpp-button:not(#quickPushNextDragHandle):is(:disabled,[aria-disabled="true"]){background:#e8ecef;color:#59656e;border-color:#c4cdd3;opacity:1;filter:none!important;cursor:not-allowed}
.cpp-actions{display:flex;flex-wrap:wrap;gap:8px}.cpp-toggle{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:44px;font-size:16px;cursor:pointer}
.cpp-toggle input{width:25px;height:25px;accent-color:#168454;flex:none;margin:0}
.cpp-item{padding:12px 0;display:flex;flex-direction:column;gap:8px;border-bottom:1px dashed #d8e2e8}.cpp-item:last-child{border-bottom:0}
.cpp-advanced{border:1px solid #d8e2e8;border-radius:8px;margin:12px 0;padding:0 10px;font-size:16px}
.cpp-advanced summary{min-height:44px;padding:10px 0;cursor:pointer;font-size:16px;font-weight:550}
.cpp-advanced[open]{padding-bottom:12px}.cpp-advanced .cpp-form{display:flex;flex-direction:column;gap:10px}
.cpp-advanced .cpp-note{margin-bottom:8px}.cpp-item .cpp-advanced{margin:0}
.cpp-metric{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;min-height:28px;font-size:16px}
.cpp-metric strong{font-size:16px;font-weight:550;text-align:right;overflow-wrap:anywhere}
.cpp-version{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0;border-top:1px solid #e2e8eb;font-size:16px}
.cpp-confirm{padding:12px;border:1px solid #cfaaaa;border-radius:8px;background:#fff8f8;margin:8px 0;display:flex;flex-wrap:wrap;gap:8px}.cpp-confirm p{width:100%}
button[data-private-panel],button[data-private-insights],button[data-private-insights-conversation],button[data-business-action="private-customer-insights"]{min-height:44px;font-size:16px}
.mobile-business-list>div:has(>button[data-business-action="edit-customer"]){min-width:0;border-bottom:1px solid #edf2f3;padding-bottom:8px}
.mobile-business-list>div:has(>button[data-business-action="edit-customer"]):last-child{border-bottom:0}
.mobile-business-list>div>button[data-business-action="edit-customer"]{display:flex;width:100%;min-width:0;min-height:44px;align-items:center;justify-content:space-between;gap:9px;border:0;background:transparent;color:inherit;padding:9px 0;text-align:left}
.mobile-business-list>div>button[data-business-action="edit-customer"]>span{display:grid;min-width:0;gap:3px}
.mobile-business-list>div>button[data-business-action="private-customer-insights"]{margin:0 0 2px;padding:8px 12px;border:1px solid #aabac5;border-radius:7px;background:#f2f6f8;color:#23303a;cursor:pointer}
@media(max-width:600px){.cpp-overlay{align-items:flex-end;justify-content:center}.cpp-panel{width:100%;height:auto;max-height:92dvh;min-height:40dvh;border-radius:16px 16px 0 0;box-shadow:0 -6px 24px #0003}.cpp-overlay--completion{align-items:center}.cpp-overlay--completion .cpp-panel{width:100%;max-height:82dvh;min-height:0;border-radius:12px}.cpp-header{padding:10px 12px}.cpp-body{padding:0 12px calc(18px + env(safe-area-inset-bottom))}.cpp-version{align-items:flex-start;flex-direction:column}.cpp-metric{gap:8px}.cpp-header h2{font-size:18px}}