/* Crew's original compact workplace layout, retaining Discount Smoke branding. */
:root{--bg:#f5f6f8;--card:#fff;--ink:#242a31;--muted:#858b94;--line:#e8eaee;--blue:#ed3153;--soft:#fff0f3;--wall:#fff}body.dark{--bg:#15191e;--card:#20262d;--ink:#f1f3f5;--muted:#a0a7b1;--line:#333b45;--blue:#ff6b86;--soft:#3d2832;--wall:#191f26}.app-header{height:64px;padding:0 22px;background:var(--card)}.brand{gap:9px}.brand .mark{width:34px;height:34px;border-radius:50%;background:#94a4ae;color:white;font-size:11px}.brand b{font-size:14px;font-weight:650}.brand small{font-size:8px;letter-spacing:1px;margin-top:1px}.header-profile{width:32px;height:32px;background:var(--bg);color:var(--ink)}#crew-compose{color:var(--blue);padding:8px;margin-left:12px}.is-workspace .brand{margin-right:auto}.is-workspace main{height:calc(100dvh - 64px)}.is-workspace #workspace{padding-left:76px}.live-toolbar{width:76px;padding:20px 4px 12px}.live-toolbar nav{gap:22px}.live-toolbar nav button{border-radius:0;padding:8px 2px;font-size:9px;gap:6px}.live-toolbar nav .selected{background:transparent;color:var(--blue)}.live-toolbar nav button svg{width:23px;height:23px}.live-chat-grid{grid-template-columns:330px minmax(0,1fr)}.live-inbox{padding:0}.live-inbox-heading{padding:18px 16px 8px}.live-inbox h2{font-size:19px;letter-spacing:-.3px;font-weight:650;margin:0}#chat-count{background:transparent;padding:0;font-size:11px;color:var(--muted)}#live-new-chat{background:transparent;color:var(--blue);padding:4px;border-radius:0}.inbox-search{margin:10px 14px 12px;border-radius:6px;background:var(--bg);padding:0 10px}.live-inbox .inbox-search input{font-size:12px;font-weight:400;padding:9px 7px}.chat-filters{padding:0 14px 10px;gap:14px;border-bottom:1px solid var(--line)}.chat-filters button{background:transparent;border-radius:0;padding:5px 0;font-size:11px;font-weight:500}.chat-filters button.active{background:transparent;color:var(--blue);border-bottom:2px solid var(--blue)}.live-conversation{margin:0;border-radius:0;min-height:78px;padding:13px 16px;border-bottom:1px solid var(--line);gap:12px}.live-conversation.selected{background:var(--bg)}.live-conversation b{font-size:13px;font-weight:600}.live-conversation small{font-size:11px;line-height:1.4;margin-top:4px;color:var(--muted)}.conversation-title time{font-size:9px}.live-avatar{width:40px;height:40px;background:#e5eaf4;color:#6480ac}.company-avatar{background:#e6f5fb;color:#2ca8cf}.live-chat{background:var(--wall);background-image:none}.live-chat-heading{min-height:65px;padding:12px 22px}.live-chat-heading h2{font-size:14px}.live-chat-heading .live-avatar{width:35px;height:35px}.live-chat-heading p{font-size:10px}#live-messages{padding:12px 25px 24px}.message-day{margin:12px 0 20px}.message-day span{background:transparent;box-shadow:none;font-size:10px;padding:0}.live-bubble{background:#eef1f4;border-radius:13px;box-shadow:none;padding:9px 12px 6px;font-size:13px}.live-message.mine .live-bubble{background:#fcecf0;color:var(--ink);border-radius:13px}.dark .live-bubble{background:#2c343e}.dark .live-message.mine .live-bubble{background:#44303b;color:var(--ink)}.message-author{font-size:10px;color:var(--muted);font-weight:500}.message-meta{font-size:8px}.message-stack>.message-reactions{margin-top:3px}.message-reactions>button{padding:1px 6px;font-size:12px;background:var(--card);border-color:var(--line);box-shadow:none}.message-reactions>button[aria-pressed=true]{background:var(--soft);border-color:#f5b8c5}.composer-wrap{background:var(--card);border-top:1px solid var(--line);padding:10px 18px 9px}#live-message-form{box-shadow:none;border-radius:22px;padding:3px 5px;background:var(--bg)}#live-send{background:var(--blue);padding:9px}#live-send svg{width:18px;height:18px}#emoji-toggle{padding:7px}#photo-add{font-size:24px}.compose-hint{font-size:8px;margin-top:3px}.page-title h2{font-size:24px;letter-spacing:-.5px}.page-title p{font-size:12px}.card{border-radius:9px;box-shadow:none}.is-workspace #business-panel{border:0;max-width:900px}.is-workspace .account-grid{padding:24px 30px}.is-workspace #live-stars,.is-workspace #live-schedule{padding:26px 30px}#team-sections{height:48px;padding:0 30px;gap:24px}#team-sections button{border-radius:0;padding:14px 0 12px;background:transparent;font-size:12px}#team-sections .selected{background:transparent;border-bottom:2px solid var(--blue)}#team-manage-tab{display:none!important}.is-workspace[data-live-view=team] #live-area{height:48px}.is-workspace[data-live-view=team] .account-grid{height:calc(100% - 48px)}.is-workspace[data-live-view=stars] #live-stars{height:calc(100% - 48px)}.is-workspace[data-live-view=manage] #live-area{height:0}.is-workspace[data-live-view=manage] .account-grid{height:100%}.member{padding:14px 0}.member-avatar{background:#e8edf4;color:#66809b}.member b{font-weight:600}.member .member-actions button{background:transparent;color:var(--blue)}.live-star-hero{background:#fff8e6;border-color:#f4e4b7;border-radius:10px;padding:22px}.live-star-hero .eyebrow{color:#a27a18}.dark .live-star-hero{background:#393325;border-color:#544730}.star-orbit{background:#ffedb8;color:#dda121}.live-star-hero h2{font-size:23px}.live-star-hero p{display:none}.profile-cover{background:#eff1f4}.dark .profile-cover{background:#29313b}.profile-big-avatar{background:#edf1f5;color:#758593}.theme input:checked{background:var(--blue)}.primary{background:var(--blue);color:white}.schedule-day{border-radius:8px}.shift-card{border-radius:6px}.live-leader .live-avatar{background:#e9edf4;color:#67819a}.brand-preview{border-radius:8px}.invite-heading>span{border-radius:8px}.sync-control span{font-size:8px}
@media(max-width:750px){.app-header{height:57px;padding:0 12px}.is-workspace .header-profile{order:-1;margin-right:10px;width:30px;height:30px;flex-shrink:0}.is-workspace .brand{flex:1;justify-content:center;margin:0;min-width:0;gap:7px}.brand b{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:230px}.brand small{display:none}.brand .mark{width:26px;height:26px;font-size:9px}.is-workspace #crew-compose{margin-left:10px;padding:5px;flex-shrink:0}.is-workspace main{height:calc(100dvh - 57px)}.is-workspace #workspace{padding-left:0;padding-bottom:calc(61px + env(safe-area-inset-bottom))}.live-toolbar{height:calc(61px + env(safe-area-inset-bottom));padding:3px 8px env(safe-area-inset-bottom);width:auto}.live-toolbar nav{gap:0}.live-toolbar nav button{width:76px;font-size:9px;padding:6px 2px;gap:4px}.live-toolbar nav .selected{background:transparent}.live-chat-grid{grid-template-columns:1fr}.live-inbox-heading{display:none}.inbox-search{margin:10px 12px 8px}.chat-filters{padding:0 16px 8px;gap:22px}.live-conversation{min-height:77px;padding:13px 15px}.live-conversation b{font-size:14px}.live-conversation small{font-size:12px}.live-avatar{width:43px;height:43px}.chat-open main{height:100dvh}.chat-open #workspace{padding-bottom:0}.live-chat-heading{min-height:58px;padding:10px 12px}.live-chat-heading .live-avatar{width:32px;height:32px}#live-messages{padding:10px 12px 20px}.live-message>.live-avatar{width:25px;height:25px}.live-message{max-width:89%;gap:7px}.composer-wrap{padding:8px 10px calc(7px + env(safe-area-inset-bottom))}#team-sections{padding:0 18px;gap:28px}.is-workspace .account-grid{padding:14px 12px}.is-workspace #business-panel{padding:12px}.is-workspace #live-stars,.is-workspace #live-schedule{padding:20px 16px}.page-title h2{font-size:24px}.schedule-heading>button{padding:9px}.live-star-hero{padding:18px;gap:12px}.live-star-hero h2{font-size:20px}.profile-back{font-size:12px}.is-workspace #profile-panel{border-radius:10px}.brand .mark.has-business-logo{border-radius:4px}.live-chat-heading #chat-team-button{color:var(--blue)}}

#delete-chat{color:var(--blue);font-size:19px;flex-shrink:0}#delete-chat-dialog{max-width:400px}#delete-chat-dialog p{line-height:1.6}#delete-chat-dialog h2{margin-top:0}

#chat-details-dialog{width:min(420px,calc(100vw - 32px));max-height:85dvh;overflow:auto}#chat-details-title{overflow-wrap:anywhere}#chat-details-people{display:grid;gap:14px;margin:18px 0}.chat-detail-person{display:flex;gap:12px;align-items:center}.chat-detail-person small{display:block;color:var(--muted);margin-top:4px}

.is-online{outline:2.5px solid #22c55e!important;outline-offset:2px;transition:outline-color .2s}.dark .is-online{outline-color:#4ade80!important}