/* Fundae’s coordinated operations theme. Shared by web and native builds. */
:root {
 --fundaes-pink:#d91570; --fundaes-teal:#29cdd1; --fundaes-yellow:#ffd228;
 --fundaes-lavender:#968cff; --fundaes-mint:#93e1d8; --fundaes-purple:#7346ab;
 --fundaes-ink:#233347; --fundaes-canvas:#f2f5fa; --fundaes-line:#d7e1ea;
 --fundaes-cta:#087b78; --fundaes-surface:#fff; --fundaes-muted:#58677b;
}
html,body:not(.dark),body:not(.dark) #root {background:var(--fundaes-canvas)!important;color:var(--fundaes-ink);}
body,button,input,select,textarea {font-family:'Nunito',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;}
body {line-height:1.5;}
body:not(.dark) .bg-gray-50 {background-color:#f2f5fa!important;}
body:not(.dark) .bg-gray-100 {background-color:#eaf0f6!important;}
body:not(.dark) .border-gray-200,body:not(.dark) .border-gray-300 {border-color:var(--fundaes-line)!important;}
body:not(.dark) .bg-yellow-50:not([role=alert]),body:not(.dark) .bg-amber-50:not([role=alert]):not(.text-amber-800):not(.text-amber-900) {background-color:#eef6fa!important;}
body:not(.dark) h1,body:not(.dark) h2,body:not(.dark) h3 {color:var(--fundaes-ink);font-weight:800;letter-spacing:-.025em;}
h1 {line-height:1.2;} h2,h3 {line-height:1.35;}
body:not(.dark) .text-gray-400,body:not(.dark) .text-gray-500 {color:#5d6d80!important;}
body:not(.dark) .bg-white.border {border-color:var(--fundaes-line)!important;box-shadow:0 3px 12px #23334707;}
body:not(.dark) .bg-white.rounded-xl,body:not(.dark) .bg-white.rounded-2xl {border-radius:18px;}
/* Buttons carry a shape and contrast; colored shift tiles keep their shop colors. */
button {font-weight:750;cursor:pointer;transition:background-color .15s,color .15s,box-shadow .15s;}
button:disabled {opacity:.5;cursor:not-allowed;}
body:not(.dark) button.border:not([class*="bg-"]):not([style*="background"]) {background:#fff;border-color:#b4c5d4;box-shadow:0 1px 2px #2333470a;}
body:not(.dark) button.border:not(:disabled):hover {box-shadow:0 3px 10px #23334718;}
body:not(.dark) .bg-fundaes-pink,body:not(.dark) button.bg-pink-600,body:not(.dark) button.bg-orange-500 {background-color:var(--fundaes-pink)!important;color:#fff!important;}
body:not(.dark) .bg-fundaes-teal {background-color:#c4f0ee!important;color:#174b50!important;}
body:not(.dark) .bg-teal-600,body:not(.dark) .bg-teal-700,body:not(.dark) .bg-emerald-600,body:not(.dark) .bg-emerald-700 {background-color:var(--fundaes-cta)!important;color:#fff!important;}
button:focus-visible,a:focus-visible,summary:focus-visible {outline:3px solid #d91570;outline-offset:3px;}
input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]),select,textarea {max-width:100%;min-height:44px;border:1.5px solid #afbfce;border-radius:12px;padding:10px 12px;background:#fff;color:#233347;}
body:not(.dark) input:focus,body:not(.dark) select:focus,body:not(.dark) textarea:focus {outline:0;border-color:var(--fundaes-cta);box-shadow:0 0 0 3px #29cdd12a;}
input[type=checkbox],input[type=radio] {accent-color:var(--fundaes-cta);width:18px;height:18px;flex-shrink:0;}
input[type=date],input[type=time] {font-size:16px;}
textarea {min-height:96px;}
label {color:inherit;}
body:not(.dark) table thead,body:not(.dark) table thead th {background:#edf2f8!important;color:#41566d;}
body:not(.dark) table td,body:not(.dark) table th {border-color:#dce5ed;}
body:not(.dark) table tbody tr:hover {background-color:#f6f9fc;}
[role=alert] {border-left:4px solid #c24b50;}
[role=status] {border-left:4px solid var(--fundaes-cta);}
/* A compact branded shell leaves the work visible below the navigation. */
.fundaes-app-header {border-top:5px solid #29cdd1;background:#fff!important;box-shadow:0 3px 18px #2333470c!important;}
.fundaes-app-header > div:first-child > div {margin-bottom:4px;}
.fundaes-main-nav {gap:6px!important;}
.fundaes-main-nav button {background:#fff!important;border:1px solid #d7e1ea;border-radius:12px!important;min-height:44px;justify-content:flex-start;padding:9px 11px;color:#3f526b;}
.fundaes-main-nav button:hover {background:#f0f7fa!important;border-color:#9fc2cb;}
.fundaes-main-nav button[aria-current=page] {background:#fff0f7!important;border-color:#d91570;color:#b50b5a!important;box-shadow:inset 4px 0 #d91570;}
.fundaes-main-nav button > span[aria-hidden=true] {display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:#edf5f8;}
.fundaes-main-nav button[aria-current=page] > span[aria-hidden=true] {background:#ffe0ef;}
.fundaes-app-main {padding-top:24px;}
nav[aria-label="Team tools"],nav[aria-label="Scheduling sections"],.fundaes-message-tabs,.fundaes-employee-nav {background:#fff;padding:8px;border:1px solid var(--fundaes-line);border-radius:16px;gap:6px;}
nav[aria-label="Team tools"] button,nav[aria-label="Scheduling sections"] button,.fundaes-message-tabs button {border:1px solid transparent;background:transparent;box-shadow:none!important;border-radius:10px;min-height:44px;}
nav[aria-label="Team tools"] button.bg-teal-700,nav[aria-label="Scheduling sections"] button[aria-pressed=true],.fundaes-message-tabs button[aria-pressed=true] {background:#def4f2!important;color:#075f5d!important;border-color:#85c7c3!important;}
.fundaes-shop-schedule {overflow:hidden;padding:0!important;}
.fundaes-shop-schedule > summary {display:list-item;padding:14px 18px!important;letter-spacing:.01em;}
.fundaes-shop-schedule > div {margin:12px;}
.fundaes-page-heading {display:flex;align-items:center;justify-content:space-between;gap:16px;}
.fundaes-page-heading h1 {font-size:30px;font-weight:800;margin:4px 0;}
.fundaes-eyebrow {display:block;text-transform:uppercase;letter-spacing:.12em;color:var(--fundaes-cta);font-size:11px;font-weight:800;}
.fundaes-status-pill {font-size:12px;border-radius:20px;background:#e6f4ef;color:#245d51;padding:7px 12px;}
.fundaes-button-primary,.fundaes-button-secondary {min-height:44px;padding:10px 18px;border-radius:12px;border:1px solid #087b78;display:inline-flex;align-items:center;justify-content:center;font-weight:800;}
.fundaes-button-primary {background:var(--fundaes-cta);color:#fff;}
.fundaes-button-secondary {background:#fff;color:#29445c;border-color:#b6c6d4;}
.fundaes-queue-card {position:relative;padding:18px 36px 18px 18px!important;border:1px solid #c9d8e5;border-top:4px solid #29cdd1;border-radius:16px!important;box-shadow:0 3px 12px #23334707;}
.fundaes-queue-card::after {content:'→';position:absolute;right:14px;top:50%;transform:translateY(-50%);color:#087b78;font-size:19px;}
.fundaes-queue-card:nth-child(3n+2) {border-top-color:#e963a1;}
.fundaes-queue-card:nth-child(3n) {border-top-color:#a497e4;}
/* Native dialog traps focus and makes the dashboard inert without unmounting it. */
.fundaes-focus-dialog {width:min(1060px,calc(100vw - 32px));max-height:92dvh;border:1px solid #ccdae6;border-radius:24px;padding:0;color:var(--fundaes-ink);background:var(--fundaes-canvas);box-shadow:0 24px 100px #172a4c45;overflow:auto;}
.fundaes-focus-dialog::backdrop {background:#20354c85;backdrop-filter:blur(3px);}
.fundaes-focus-header {display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;background:#fff;border-top:5px solid #29cdd1;border-bottom:1px solid #d7e1ea;position:sticky;top:0;z-index:2;}
.fundaes-focus-header h2 {font-size:24px;font-weight:800;margin:3px 0;}
.fundaes-focus-header p {font-size:12px;color:#58677b;}
.fundaes-focus-body {padding:20px 24px;}
.fundaes-focus-body > section[aria-label="Scheduling and employee records"] > div:first-child h1 {font-size:18px;}
.fundaes-request-row {display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;width:100%;padding:14px;background:#fff;border:1px solid #cbd9e5;border-radius:12px;text-align:left;}
.fundaes-request-row span {font-size:12px;color:#58677b;}
.fundaes-cash-shortcut {display:inline-flex;}
/* Inbox and conversations: list at left, message bubbles and composer at right. */
.fundaes-message-tabs,.fundaes-channel-list {display:flex;flex-wrap:wrap;gap:8px;}
.fundaes-inbox {background:#fff;border:1px solid var(--fundaes-line);border-radius:20px;overflow:hidden;}
.fundaes-inbox-toolbar {display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 20px;border-bottom:1px solid var(--fundaes-line);}
.fundaes-new-message {display:grid;gap:12px;padding:20px;background:#edf8f7;border-bottom:1px solid #b9dcda;}
.fundaes-inbox-grid {display:grid;grid-template-columns:minmax(260px,34%) minmax(0,1fr);min-height:460px;}
.fundaes-inbox-list {border-right:1px solid var(--fundaes-line);max-height:65dvh;overflow-y:auto;}
.fundaes-conversation-row {width:100%;display:flex;align-items:center;gap:10px;padding:16px 12px;border-bottom:1px solid #e6edf3;text-align:left;background:#fff;}
.fundaes-conversation-row.is-selected {background:#eaf8f5;box-shadow:inset 4px 0 #087b78;}
.fundaes-conversation-row strong {font-size:13px;}
.fundaes-chat-avatar {width:38px;height:38px;border-radius:13px;display:grid;place-items:center;flex-shrink:0;color:#b91562;background:#ffe5ef;}
.fundaes-message-preview {display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px;color:#58677b;margin:3px 0;}
.fundaes-unread-dot {display:inline-block;flex-shrink:0;width:9px;height:9px;border-radius:50%;background:#d91570;margin-left:auto;}
.fundaes-conversation-detail {display:flex;flex-direction:column;min-width:0;background:#f8fafd;}
.fundaes-conversation-header {display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;background:#fff;border-bottom:1px solid var(--fundaes-line);}
.fundaes-chat-empty {margin:auto;padding:50px 24px;text-align:center;color:#58677b;}
.fundaes-chat-empty > span {display:block;font-size:40px;color:#d91570;}
.fundaes-chat-empty h3 {font-size:21px;margin:10px 0;}
.fundaes-message-stream {display:flex;flex-direction:column;gap:12px;padding:20px;max-height:49dvh;min-height:180px;overflow-y:auto;flex:1;}
.fundaes-message-bubble {align-self:flex-start;max-width:88%;width:fit-content;padding:12px 16px;background:#fff;border:1px solid #d7e1ea;border-radius:16px 16px 16px 4px;overflow-wrap:anywhere;}
.fundaes-message-bubble.is-mine {align-self:flex-end;margin-left:auto;background:#dff3ef!important;border-color:#badbd4;border-radius:16px 16px 4px 16px;}
.fundaes-message-bubble p {margin:5px 0;}
.fundaes-message-bubble time {color:#58677b;display:block;margin-top:6px;}
.fundaes-chat-composer {padding:16px;background:#fff;border-top:1px solid var(--fundaes-line);display:grid;gap:10px;}
.fundaes-chat-composer textarea {min-height:76px;}
.fundaes-chat-back {display:none;}
.fundaes-channel-list button {background:#fff;border-color:#c5d5e2;display:flex;align-items:center;gap:10px;}
.fundaes-channel-list button[aria-pressed=true] {background:#ffeaf3;color:#a20f52;border-color:#d91570;}
.fundaes-employee-portal .fundaes-employee-nav {position:sticky;top:0;z-index:15;box-shadow:0 4px 16px #2333470a;}
@media(min-width:1280px) {.fundaes-main-nav {grid-template-columns:repeat(8,minmax(0,1fr))!important;}.fundaes-main-nav button {font-size:12px;}}
@media(max-width:767px) {
 h1 {font-size:24px!important;}button {min-height:44px;}input,select,textarea {font-size:16px;}
 .fundaes-page-heading {align-items:flex-start;}.fundaes-status-pill {display:none;}
 .fundaes-focus-dialog {width:100vw;max-width:100vw;max-height:100dvh;height:100dvh;border-radius:0;border:0;margin:0;}
 .fundaes-focus-header {padding:14px 16px;}.fundaes-focus-header h2 {font-size:21px;}.fundaes-focus-header p {display:none;}.fundaes-focus-body {padding:14px;}
 .fundaes-inbox-toolbar {padding:14px;align-items:flex-start;}.fundaes-inbox-grid {grid-template-columns:1fr;min-height:340px;}.fundaes-conversation-detail {display:none;}.fundaes-inbox-grid.has-thread .fundaes-inbox-list {display:none;}.fundaes-inbox-grid.has-thread .fundaes-conversation-detail {display:flex;}.fundaes-chat-back {display:inline-flex;}.fundaes-conversation-header {flex-wrap:wrap;padding:12px;}.fundaes-message-stream {max-height:48dvh;padding:14px;}.fundaes-message-bubble {max-width:92%;}.fundaes-chat-composer {padding:12px;}
 .fundaes-employee-portal .fundaes-employee-nav {position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));}.fundaes-employee-nav button {padding:12px 8px;}.fundaes-employee-nav button:first-child {grid-column:1/-1;}
 .fundaes-request-row {flex-direction:column;}
}
/* Respect the app’s existing dark mode, including the new inbox and focused views. */
body.dark {--fundaes-canvas:#182331;--fundaes-surface:#202e40;--fundaes-ink:#edf3fa;--fundaes-line:#415469;--fundaes-muted:#becbda;}
body.dark .fundaes-app-header,body.dark .fundaes-inbox,body.dark .fundaes-focus-header,body.dark .fundaes-conversation-row,body.dark .fundaes-conversation-header,body.dark .fundaes-chat-composer,body.dark .fundaes-message-bubble {background:#202e40!important;color:#edf3fa;}
body.dark .fundaes-main-nav button,body.dark nav[aria-label="Scheduling sections"],body.dark nav[aria-label="Team tools"],body.dark .fundaes-message-tabs,body.dark .fundaes-button-secondary,body.dark .fundaes-request-row {background:#233448!important;color:#edf3fa;border-color:#51637a;}
body.dark .fundaes-main-nav button[aria-current=page] {background:#542b47!important;color:#ffd7e9!important;}
body.dark input:not([type=checkbox]):not([type=radio]),body.dark select,body.dark textarea {background:#182331;color:#edf3fa;border-color:#61748b;}
body.dark .fundaes-conversation-detail,body.dark .fundaes-new-message {background:#182331;}
body.dark .fundaes-message-bubble.is-mine,body.dark .fundaes-conversation-row.is-selected {background:#184942!important;}
body.dark .fundaes-message-preview,body.dark .fundaes-message-bubble time,body.dark .fundaes-focus-header p,body.dark .fundaes-chat-empty {color:#becbda;}
@media(prefers-reduced-motion:reduce) {* {transition:none!important;scroll-behavior:auto!important;}}
.fundaes-issue-actions {margin-top:20px;padding:20px;border:1px solid #cad9e5;border-radius:18px;background:#f4f8fc;display:grid;gap:14px;}
body:not(.dark) .fundaes-main-nav button {background:#fff!important;}
body:not(.dark) .fundaes-main-nav button[aria-current=page] {background:#fff0f7!important;}
body:has(.fundaes-messages-workspace) button[aria-label="Open private messages"] {display:none;}
body.dark .fundaes-issue-actions {background:#202e40;border-color:#51637a;}
@media(max-width:767px){.fundaes-message-tabs{display:grid;grid-template-columns:1fr 1fr;}.fundaes-message-tabs button:last-child{grid-column:1/-1;}.fundaes-inbox-toolbar .bg-pink-600{white-space:nowrap;font-size:13px;padding:8px 10px;}}