#oddcat-help{position:static;display:inline-flex;align-items:center;justify-content:center;gap:6px;flex-shrink:0;width:auto;height:40px;min-height:40px;border:1px solid #ee84bb50;background:#28152477;color:#ffb3db;box-shadow:none;border-radius:10px;padding:7px 10px;margin:0;font:14px Arial,sans-serif;cursor:pointer}#oddcat-help svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}#oddcat-help span{display:inline;white-space:nowrap}.cat-menu-bar{display:flex;justify-content:flex-end;padding:8px 16px;background:#130c18}.dashboard-sidebar nav #oddcat-help{width:100%;justify-content:flex-start}.oddcm-app-tabs #oddcat-help{flex:1;flex-direction:column;gap:5px;max-width:165px;min-width:0;height:auto;width:auto;min-height:0;border:0;background:transparent;padding:6px;color:#e5a8ca!important;font:11px/1.2 Arial,sans-serif}.oddcm-app-tabs #oddcat-help svg{width:22px;height:22px}.oddcm-app-tabs #oddcat-help[aria-expanded=true]{background:#6d284337;color:#ffbce0!important}
body dialog.cat-dialog{position:fixed;inset:auto auto calc(72px + env(safe-area-inset-bottom)) 18px;z-index:1000;box-sizing:border-box;width:min(350px,calc(100vw - 24px));height:min(440px,65dvh);max-height:65dvh;margin:0;padding:0;border:1px solid #d983b950;border-radius:18px;background:linear-gradient(135deg,#4b1b3833,#1b162933),#140d1dbb;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);color:#fcf6fb;box-shadow:0 14px 40px #0005;font:16px/1.5 Arial,sans-serif;overflow:hidden}body dialog.cat-dialog[open]{display:flex;flex-direction:column}.cat-header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 15px;background:#7b36551a;border-bottom:1px solid #e29abc22;flex-shrink:0}.cat-header b{font-size:16px}.cat-header small{display:block;font-size:12px;color:#d1bcca}.cat-header button{border:0;background:#ffffff0a;color:#f9deed;border-radius:50%;font-size:24px;width:34px;height:34px;min-height:34px;padding:0;cursor:pointer}.cat-conversation{flex:1;min-height:50px;padding:12px;overflow:auto;overscroll-behavior:contain}.cat-bubble{border:1px solid #c990b222;background:#57384729;border-radius:12px 12px 3px 12px;padding:10px 12px;margin-bottom:10px;white-space:pre-line}.cat-bubble p{margin:0;font-size:16px;line-height:1.55}.cat-bubble.mine{background:#f6c8e324;color:#fff0f9;border-color:#f695cb3b;margin-inline-start:26px;border-radius:12px 12px 12px 3px}.cat-bubble a{display:inline-block;color:#ffb2dc;margin-top:8px;font-size:14px;font-weight:700}.cat-topics{display:flex;flex-wrap:wrap;gap:6px;padding:0 12px 10px;flex-shrink:0}.cat-topics[hidden]{display:none}.cat-topics button,.cat-project{font:inherit;font-size:14px;color:#f6d7e9;background:#a7548721;border:1px solid #e597c344;border-radius:14px;padding:7px 10px;cursor:pointer}.cat-project{display:block;margin-top:8px}.cat-form{padding:10px 12px;border-top:1px solid #d897c122;flex-shrink:0}.cat-form label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.cat-form>div{display:flex;gap:7px}.cat-form input{box-sizing:border-box;width:100%;min-width:0;border:1px solid #dc97c153;border-radius:10px;background:#ffffff0c;color:#fff5fc;padding:10px;font:inherit}.cat-form input::placeholder{color:#c7b1c4}.cat-form button{background:#d94294;color:#fff;border:0;border-radius:10px;min-height:44px;padding:9px 11px;font:700 14px Arial,sans-serif;cursor:pointer}.cat-dialog footer{padding:0 12px 11px;text-align:center;flex-shrink:0}.cat-dialog footer button{border:0;background:none;color:#e9b9d7;font:14px Arial,sans-serif;cursor:pointer;padding:6px;min-height:32px}.cat-dialog button:focus-visible,.cat-dialog a:focus-visible,#oddcat-help:focus-visible{outline:2px solid #ffaad8;outline-offset:3px}@media(max-width:600px){#oddcat-help{padding:7px 8px}.dashboard-sidebar nav #oddcat-help{width:auto}body dialog.cat-dialog{inset:auto auto calc(132px + env(safe-area-inset-bottom)) 12px;width:min(350px,calc(100vw - 24px));height:min(410px,60dvh);max-height:60dvh}}@media(prefers-reduced-transparency:reduce){body dialog.cat-dialog{background:#19101f}}

.oddcm-app-mode dialog.cat-dialog{bottom:calc(80px + env(safe-area-inset-bottom))}body dialog.cat-dialog:not(.has-conversation){height:min(330px,60dvh)}
body dialog.cat-dialog{bottom:calc(84px + env(safe-area-inset-bottom) + var(--cat-keyboard,0px))!important;max-height:min(76dvh,var(--cat-available,76dvh))!important}.cat-header{background:linear-gradient(120deg,#ed5ba328,#51345124)}.cat-conversation,.cat-dialog .support-log{-webkit-overflow-scrolling:touch}
.has-message-badge{position:relative}.message-unread-badge{display:inline-flex;align-items:center;justify-content:center;min-width:19px;height:19px;padding:0 4px;border-radius:12px;color:#381127!important;background:#ffc2e3!important;font:700 11px Arial!important;margin-inline-start:6px;vertical-align:middle;box-sizing:border-box}.message-unread-badge[hidden]{display:none!important}.oddcm-app-tabs .message-unread-badge{position:absolute;top:2px;right:calc(50% - 23px);border:2px solid #261323;height:21px;min-width:21px;margin:0}#message-notification{position:fixed;z-index:1500;top:calc(14px + env(safe-area-inset-top));left:50%;transform:translateX(-50%);width:min(440px,calc(100vw - 28px));box-sizing:border-box;background:#fceaf6;color:#37162b;border:1px solid #e79bc5;border-radius:14px;box-shadow:0 8px 28px #0005;padding:14px 18px;display:grid;grid-template-columns:1fr auto;gap:7px;font:14px/1.5 Arial,sans-serif;direction:rtl}#message-notification[hidden]{display:none}#message-notification span{padding-inline-end:22px}#message-notification a{grid-row:2;color:#8b205e;font-weight:700;text-decoration:underline}#message-notification button{grid-column:2;grid-row:1/3;align-self:start;background:none;border:0;padding:2px 8px;font-size:24px;color:#6e3657;cursor:pointer}
/* A non-modal side panel keeps navigation and page controls available. */
.cat-mode-options{flex-shrink:0;padding:5px 12px;border-bottom:1px solid #ffffff16;font-size:12px}.cat-mode-options[hidden]{display:none!important}.cat-mode-options summary{cursor:pointer;color:#ead0e2}.cat-mode-options .cat-modes{padding:6px 0}.cat-dialog.human-mode .cat-header small{display:none}.cat-dialog .cat-header{padding:8px 12px!important;min-height:34px!important}.cat-dialog [data-support-pane].staff-chat-pane{overflow:hidden}.cat-dialog.human-mode .cat-header b{font-size:14px}
body dialog.cat-dialog,body dialog.cat-dialog:not(.has-conversation),body dialog.cat-dialog:has([data-support-pane]:not([hidden])){inset:90px auto auto 12px!important;width:370px;height:calc(100dvh - 185px)!important;max-height:var(--cat-available,calc(100dvh - 185px))!important;border-radius:18px}.cat-dialog .staff-chat-pane{padding:0;flex:1;min-height:0;display:flex}.staff-chat-pane iframe{width:100%;height:100%;border:0;display:block;background:#130d19}.cat-dialog .support-ui{overflow:auto}.cat-dialog .support-log{max-height:none}.cat-dialog .cat-header{min-height:48px}
@media(min-width:1100px){body.chat-sidebar-open,body:has(#chat-dialog[open]){padding-left:395px!important;box-sizing:border-box}body.chat-sidebar-open .oc-header{padding-left:395px;box-sizing:border-box}}
@media(max-width:1099px){body dialog.cat-dialog,body dialog.cat-dialog:not(.has-conversation),body dialog.cat-dialog:has([data-support-pane]:not([hidden])){inset:auto auto calc(85px + env(safe-area-inset-bottom) + var(--cat-keyboard,0px)) 10px!important;width:min(370px,calc(100vw - 20px));height:min(550px,62dvh)!important;max-height:min(62dvh,var(--cat-available,62dvh))!important}}
