/* Extension of the existing Skinpop workspace; no additional font requests. */
.phase1 #mobile-menu{display:none}.phase1 #mobile-navigation{width:min(360px,calc(100vw - 24px));max-height:calc(100dvh - 24px);margin:12px auto 12px 12px;border-radius:16px;padding:22px}.phase1 #mobile-navigation nav{display:flex;flex-direction:column;gap:5px;margin:20px 0}.phase1 #mobile-navigation [data-nav-route]{min-height:50px;text-align:left;border:0;border-radius:10px;background:white;color:#5c4350;font:600 15px system-ui;padding:12px}.phase1 #mobile-navigation [aria-current]{background:#f1e2e8;color:#86243f}
.phase1 .care-demo-tools{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:14px 0 20px;font-size:12px;color:#6c5861}.phase1 .care-layout{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(0,1.4fr);padding:0;overflow:hidden;min-height:520px}.phase1 #care-directory{padding:22px;border-right:1px solid var(--line);min-width:0}.phase1 .care-filters{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:5px;margin:18px 0 10px}.phase1 .care-filters button{font:600 11px system-ui;border:1px solid var(--line);border-radius:9px;background:white;color:#6c5861;min-height:46px;padding:8px 4px}.phase1 .care-filters [aria-pressed=true]{background:#f4e6ec;color:#86243f;border-color:#bd8398}.phase1 .care-filters span{display:block;margin-top:3px;font-size:12px}.phase1 #care-directory>.quiet-note{font-size:12px;line-height:1.6;margin:12px 0 20px}.phase1 #care-list{max-height:65vh;overflow:auto;scrollbar-gutter:stable}.phase1 .care-row{border:0;border-bottom:1px solid var(--line);border-radius:9px;background:white;color:var(--ink);font:inherit;display:flex;flex-direction:column;gap:8px;width:100%;padding:18px 12px;text-align:left;min-height:100px;overflow-wrap:anywhere}.phase1 .care-row strong{font-size:14px}.phase1 .care-row span{font-size:13px;line-height:1.6;color:#6c5861}.phase1 .care-row small{font-size:11px;color:#8b2443}.phase1 .care-row:hover{background:#faf5f7}.phase1 .care-row[aria-pressed=true]{background:#f9edf2}.phase1 .care-empty{font-size:14px;line-height:1.8;color:#6c5861;padding:20px 4px}.phase1 #care-thread-empty{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:14px;text-align:center;padding:35px}.phase1 #care-thread-empty p{max-width:320px}.phase1 #care-thread{min-width:0;padding:24px}.phase1 .care-thread-top{display:flex;justify-content:space-between;gap:10px;margin-bottom:20px}.phase1 #care-back{display:none}.phase1 #care-thread-name{overflow-wrap:anywhere;font-size:20px}.phase1 #care-thread-state{margin:8px 0 20px;font-size:12px}.phase1 #care-messages{display:flex;flex-direction:column;align-items:flex-start;gap:14px;max-height:46vh;min-height:180px;overflow:auto;padding:8px 4px 20px;scrollbar-gutter:stable}.phase1 .care-bubble{border-radius:12px;background:#f4f0f2;font-size:14px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;max-width:90%;padding:12px 16px}.phase1 .care-bubble.outbound{align-self:flex-end;background:#f6e5ed}.phase1 .care-bubble small{display:block;margin-top:7px;font-size:10px;color:#6c5861}.phase1 #care-reply-form{margin-top:20px;padding-top:20px;border-top:1px solid var(--line)}.phase1 #care-reply{width:100%;border:1px solid #9b8790;border-radius:10px;padding:12px;font:inherit;font-size:14px;resize:vertical}.phase1 .care-compose-actions{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-top:12px}.phase1 #care-reply-hint{font-size:12px;margin:0}.phase1 #care-send{flex-shrink:0}.phase1 .team-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:22px;margin-bottom:20px}.phase1 .team-toolbar .quiet-note{font-size:13px;margin-top:8px;max-width:530px}.phase1 #team-add{flex-shrink:0}.phase1 .team-row{display:grid;grid-template-columns:minmax(130px,1fr) 100px 85px auto;align-items:center;gap:15px;padding:20px 0;border-bottom:1px solid var(--line);font-size:13px}.phase1 .team-row>div{min-width:0;overflow-wrap:anywhere}.phase1 .team-row strong,.phase1 .team-row>div>span{display:block}.phase1 .team-row>div>span{color:#6c5861;font-size:12px;margin-top:6px}.phase1 #team-dialog{width:min(540px,calc(100vw - 24px))}.phase1 .care-form label:not(.check-label){display:block;font-size:13px;font-weight:600;margin:18px 0}.phase1 .care-form :is(input:not([type=checkbox]),select,textarea){display:block;width:100%;padding:12px;border:1px solid #9b8790;border-radius:9px;background:white;color:var(--ink);font:inherit;font-size:14px;margin-top:8px}.phase1 #team-audit p{overflow-wrap:anywhere}
@media(max-width:1100px){.phase1 .care-layout{grid-template-columns:minmax(245px,.9fr) minmax(0,1.1fr)}.phase1 #care-directory,.phase1 #care-thread{padding:18px}.phase1 .care-compose-actions{flex-direction:column}.phase1 .team-row{grid-template-columns:minmax(100px,1fr) 90px 70px}.phase1 .team-row .btn{grid-column:1/-1;justify-self:start}}
@media(max-width:850px){.phase1 #crm-navigation{display:none}.phase1 #mobile-menu{display:flex;align-items:center;gap:10px;margin:0 0 24px;min-height:48px;max-width:100%;background:white}.phase1 #mobile-menu:before{content:'☰';font-size:18px}.phase1 .care-layout{display:block;min-height:380px}.phase1 #care-directory{border:0}.phase1 #care-thread-empty{display:none}.phase1 #care-layout[data-thread-open=true] #care-directory{display:none}.phase1 #care-back{display:block}.phase1 #care-thread{padding:20px}.phase1 #care-messages{max-height:48dvh}.phase1 .care-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.phase1 .care-filters button{font-size:12px}.phase1 .care-filters span{display:inline;margin-left:6px}.phase1 .care-thread-top{flex-wrap:wrap}.phase1 .care-compose-actions{flex-direction:row}.phase1 .care-thread-top .btn{font-size:12px}.phase1 .care-bubble{max-width:95%}.phase1 .team-toolbar{flex-direction:column;gap:16px}.phase1 .team-row{grid-template-columns:minmax(0,1fr) auto;gap:12px}.phase1 .team-row .btn{grid-column:auto;grid-row:2}.phase1 .team-row>.order-state{grid-column:1;grid-row:2;justify-self:start}.phase1 #care-reply,.phase1 .care-form :is(input:not([type=checkbox]),select,textarea){font-size:16px}}
@media(max-width:380px){.phase1 .care-compose-actions{flex-direction:column}.phase1 #care-directory,.phase1 #care-thread{padding:16px}.phase1 .care-thread-top .btn{font-size:11px;padding:9px 10px}}

@media(max-width:850px){.phase1 #page-conversations:has(#care-layout[data-thread-open=true])>:is(.page-heading,#care-status,.care-demo-tools){display:none}.phase1 .care-thread-top{justify-content:flex-start}.phase1 #care-resolve{margin-left:auto}.phase1 .team-row>div{grid-column:1/-1}.phase1 .team-row>span:not(.order-state){grid-column:1;grid-row:2}.phase1 .team-row>.order-state{grid-column:2;grid-row:2;justify-self:end}.phase1 .team-row .btn{grid-column:1/-1;grid-row:3;justify-self:start}}