/* Eracar's approved desktop/mobile design, applied to live authorized records. */
:root{--navy:#09283d;--ink:#142a43;--teal:#008b9e;--bg:#f5f8fc;--line:#e0e8f0;--muted:#708196}
body{font-size:14px}.top{height:80px;background:linear-gradient(110deg,#10364d,#061d2d);padding:0 26px;box-shadow:0 1px 0 #ffffff12;z-index:2}.top .brand-logo{width:210px}.top .brand small{font-size:9px;letter-spacing:2.5px}.top-right{flex:1;justify-content:flex-end;gap:20px}.header-search{display:flex;align-items:center;gap:12px;max-width:490px;flex:1;margin:0 auto 0 35px;color:#b6cadb;background:#214257;border:1px solid #36576b;border-radius:25px;padding:10px 17px;font-size:12px;font-weight:400;text-align:left}.header-search svg{width:17px}.header-search kbd{margin-left:auto;font-size:18px}.connection{font-size:10px;color:#a0d8cc!important;white-space:nowrap}.top #myname{font-size:12px;border-left:1px solid #ffffff25;padding:10px 0 10px 18px;cursor:pointer;max-width:155px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top #install{font-size:10px;padding:7px 9px;color:#c4d5e1;background:transparent;border:1px solid #ffffff28}.app-layout{display:grid;grid-template-columns:184px minmax(0,1fr)}.app-nav{background:linear-gradient(165deg,#10354a,#061e30);padding:22px 9px 15px;display:flex;flex-direction:column;border-right:0;overflow-y:auto}.app-nav .nav{display:flex;align-items:center;gap:13px;color:#c5d7e5;font-size:13px;line-height:1.35;padding:13px 12px;margin:3px 0;border-radius:7px;min-height:45px}.app-nav .nav svg{flex-shrink:0}.app-nav .nav.active{background:linear-gradient(100deg,#12577a,#144760);color:#fff;box-shadow:inset 3px 0 #0db9df}.app-nav .nav:hover{background:#ffffff0d;filter:none}.app-nav .nav.active svg{color:#26cbef}.app-nav .nav-bottom{position:static;margin-top:auto;padding:25px 8px 2px;color:#688ca5;text-align:center}.nav-bottom img{width:135px;max-width:100%;background:transparent}.nav-bottom>span{display:block;font-size:8px;letter-spacing:1.3px;margin-top:12px}.app-layout main{padding:0;max-width:none}.app-status{height:30px;flex:0 0 30px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#0b2c42;color:#c5d6e4;padding:0 20px;font-size:10px}.app-status i{font-style:normal;margin:0 9px;color:#678aa1}.status-error{color:#ffb9ae}.chat-layout{display:grid;grid-template-columns:272px minmax(320px,1fr) 295px;background:white}.room-sidebar{padding:0;border-right:1px solid var(--line);display:flex;flex-direction:column;background:linear-gradient(#fbfdff,#fff);overflow:hidden}.groups-heading{display:flex;justify-content:space-between;align-items:center;padding:22px 17px 12px}.groups-heading h2{font-size:19px;margin:0;letter-spacing:-.5px}.icon-button{padding:3px!important;width:30px;min-height:30px;font-size:24px;font-weight:400;background:#e9f0f8}.room-search{padding:0 14px}.room-search input{font-size:11px;padding:9px 12px;background:#eef3f8;border:0;border-radius:8px}.room-actions{display:flex;gap:5px;margin:10px 14px 15px}.filter-pill{padding:5px 9px;min-height:27px;font-size:9px;border-radius:14px;color:#6e8293;background:transparent}.filter-pill.active{background:#e0f2f9;color:#13739a}.room-sidebar #room-list{flex:1;overflow-y:auto;padding:0 8px}.room-item{display:flex;align-items:center;gap:11px;padding:13px 9px;margin:3px 0;background:transparent;border:0;border-radius:11px;min-height:84px;color:var(--ink);text-align:left;width:100%}.room-item.selected{background:linear-gradient(110deg,#e5f4ff,#d6eaff);box-shadow:none}.ui-avatar{width:43px;height:43px;min-width:43px;border-radius:50%;background:linear-gradient(135deg,#a8bbc9,#718b9f);color:#fff;font-size:15px;font-weight:600}.ui-sinopx{background:linear-gradient(135deg,#00b7be,#007887)}.ui-depox{background:linear-gradient(135deg,#ff9650,#ec503b)}.ui-bursax{background:linear-gradient(135deg,#ffc04d,#fa8327)}.ui-markax{background:linear-gradient(135deg,#94989e,#535b63)}.ui-finansx{background:linear-gradient(135deg,#65c9a7,#31956f)}.ui-ayrbax{background:linear-gradient(135deg,#a591c4,#72608c)}.ui-ciofix{background:linear-gradient(135deg,#214e6d,#061f34)}.room-description{min-width:0;flex:1}.room-title{font-size:12px;font-weight:700;color:#183347;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-item.selected .room-title{color:#006bc7}.room-item .preview{font-size:10px;line-height:1.65;max-width:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#71849b}.room-item .last-message{font-size:9px;color:#9aa8b7}.room-time{font-size:8px;color:#93a6b4;display:flex;flex-direction:column;align-items:flex-end;gap:8px}.unread{background:#008b9e;color:white;font-size:9px;min-width:18px;line-height:18px;border-radius:9px;padding:0 4px}.sidebar-foot{padding:14px;font-size:9px;color:#98a8b6;border-top:1px solid #eff3f7}.list-empty{padding:20px 12px}.conversation{border-right:1px solid var(--line);background:#fff}.wa-header{padding:17px 21px;background:linear-gradient(#fbfdff,#f5f8fc);border-bottom:1px solid var(--line);gap:12px;min-height:98px}.conversation-title h2{font-size:17px;letter-spacing:-.4px;line-height:1.35;margin:0 0 4px}.conversation-title .muted{font-size:10px}.wa-header>.actions{flex-basis:100%;gap:5px;padding-left:55px}.wa-header>.actions button{padding:5px 9px;font-size:9px;min-height:27px;border-radius:6px}.wa-header>.actions button:last-child{background:#008a9f;color:white}.ui-messages{background:#fff;background-image:none;padding:24px 25px;flex:1}.message-name{font-size:10px;color:#395975;margin-bottom:6px}.wa-messages .message{max-width:min(90%,650px);margin-bottom:20px}.wa-messages .msg-body{background:#edf5fc;border:1px solid #e2edf7;border-radius:0 11px 11px 11px;box-shadow:none;padding:11px 14px;font-size:12px;line-height:1.65;overflow-wrap:anywhere}.wa-messages .mine .msg-body{background:#dff2ed;border:1px solid #d0e9e1;border-radius:11px 0 11px 11px}.wa-messages .bot .message-name{color:#007aca}.message-actions{font-size:8px;opacity:.65;gap:9px}.message-actions button{font-size:9px}.message-meta{font-size:9px;margin-top:5px}.wa-composer{background:#fbfcfe;border-top:1px solid #e9eef5;padding:12px 19px 9px}.quick-status{gap:6px;padding-bottom:9px}.quick-status>span{font-size:9px}.quick-status button{font-size:9px;background:#f1f6fa;color:#547086;border:0;min-height:25px}.compose-line{background:#f4f8fc;padding:6px;border:1px solid #dce7f1;border-radius:9px;gap:4px;align-items:center}.compose-line textarea{border-radius:6px;background:transparent;font-size:12px;padding:9px;min-height:37px}.attach-button,.mic-button,.send-button{border-radius:7px;width:35px;height:35px;min-width:35px;min-height:35px}.attach-button,.mic-button{color:#274b6c;background:transparent}.send-button{background:#007ac5}.compose-detail{font-size:8px;padding:5px 3px 0}.workflow-rail{padding:23px 20px;background:linear-gradient(#fbfdff,#fff);border:0;overflow-y:auto}.rail-heading{display:flex;gap:9px;align-items:center;margin-bottom:8px}.rail-heading h2{font-size:16px;margin:0;letter-spacing:-.4px}.workflow-rail>.muted{font-size:11px;line-height:1.7;margin-bottom:23px}.rail-section-title{display:flex;align-items:center;justify-content:space-between;font-size:11px;margin:15px 0}.rail-section-title>span{font-size:10px;color:#7e95a6}.rail-empty{font-size:11px;color:#8a9dab;line-height:1.8;padding:20px 10px;background:#f7fafd;border:1px dashed #dce7ef;border-radius:8px}.workflow-card{display:grid;grid-template-columns:29px 1fr 13px;gap:10px;align-items:center;width:100%;padding:17px 12px;margin:21px 0;border:1px solid #dde6ee;border-radius:10px;text-align:left;background:#fff;color:#203d55;box-shadow:0 3px 8px #15365806}.workflow-card svg{color:#14899a}.workflow-card b{font-size:12px}.workflow-card small{grid-column:1/-1;color:#7a8f9e;font-size:10px;line-height:1.6;font-weight:400}.assistant-card{padding:17px 13px;border:1px solid #e1eaf1;border-radius:10px;background:#f5faff;margin-top:22px}.assistant-card svg{vertical-align:middle;color:#008ca0;margin-right:9px}.assistant-card b{font-size:12px}.assistant-card p{font-size:10px;color:#738b9d;line-height:1.8;margin:12px 0 0}.ui-task{display:flex;align-items:flex-start;gap:9px;font-size:11px;padding:14px 9px;border:1px solid #e4ebf2;border-radius:8px;background:#fff;margin-bottom:8px;overflow-wrap:anywhere}.ui-task>div{flex:1;min-width:0}.ui-task b{display:block;font-size:11px;line-height:1.5}.ui-task small{display:block;font-size:9px;color:#7a8fa1;margin-top:5px}.ui-task>.badge{font-size:8px;padding:3px 5px}.task-check{width:14px;height:14px;min-width:14px;border:1px solid #9ab2c4;border-radius:3px;margin-top:2px}.task-check.checked{background:#d8f0e4;color:#217957}.workflow-rail .full{font-size:10px;padding:9px;margin-top:6px}.content-page{padding:32px 35px;background:#f5f8fc;min-height:100%}.eyebrow{font-size:9px;letter-spacing:2px;color:#93a6b4;margin-bottom:8px}.heading h1{font-size:26px;color:#15384e;letter-spacing:-.7px}.heading>.badge{font-size:10px;background:white;border:1px solid #dde6ee;padding:9px 12px}.heading{align-items:flex-start}.heading .muted{font-size:12px;line-height:1.8;margin-top:6px}.card{box-shadow:0 3px 15px #112e4204;border-color:#e1e9f0;border-radius:11px}.stats .stat{padding:19px 21px;font-size:11px;color:#6a8295}.stats .stat b{font-size:28px;color:#22475d}.task-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.task-column{background:#eef3f8;padding:14px;border-radius:11px;min-width:0}.task-column h2{font-size:13px;margin-bottom:17px}.task-open{padding:0;background:transparent;width:100%;text-align:left;font-weight:400;color:var(--ink)}.calendar-agenda{display:grid;gap:16px}.calendar-agenda .task-column{background:white;border:1px solid var(--line)}.document-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px}.document-card{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:white;color:var(--ink);text-decoration:none;box-shadow:0 3px 12px #15344d04}.document-card>img{height:170px;width:100%;object-fit:cover}.document-card>div{padding:16px}.document-card b{display:block;font-size:12px;overflow-wrap:anywhere}.document-card small{display:block;color:#7c90a2;font-size:10px;margin-top:7px}.document-symbol{height:150px;display:grid;place-items:center;background:#eaf3fa;color:#638da9}.document-symbol svg{width:45px;height:45px}.empty-state{grid-column:1/-1;text-align:center;padding:45px 20px}.empty-state p{font-size:12px;color:#7b91a1}.assistant-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px}.assistant-grid .ui-avatar{margin-bottom:18px}.assistant-grid h2{font-size:18px}.assistant-grid p{font-size:12px;color:#7590a2;min-height:40px}.ai-banner{display:flex;align-items:center;gap:25px;padding:28px;margin-bottom:25px;border-radius:14px;background:linear-gradient(115deg,#123e59,#0b283e);color:white}.ai-banner p{font-size:12px;color:#aac4d7;margin:8px 0 0}.ai-banner h2{margin:0}.ai-spark{font-size:42px;color:#28bddd}.auth-body{background:radial-gradient(ellipse at top,#e5f3f8,#f3f7fb 60%)}.auth-card{border:1px solid #dfe8ef;box-shadow:0 20px 65px #113b5710}.auth-card h1{font-size:26px}.auth-card .brand{margin-bottom:28px}
@media(min-width:1650px){.chat-layout{grid-template-columns:310px minmax(400px,1fr) 340px}.ui-messages{padding:30px 6%}.wa-header>.actions{flex-basis:auto;padding-left:0}.wa-header{min-height:90px}.conversation-title h2{max-width:360px}.wa-header>.actions button{font-size:10px}.workflow-rail{padding:28px 24px}}
@media(max-width:1250px){.chat-layout{grid-template-columns:245px minmax(0,1fr)}.workflow-rail{display:none}.header-search{margin-left:15px}.header-search span{max-width:160px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.app-layout{grid-template-columns:170px minmax(0,1fr)}.app-nav .nav{font-size:12px}}
@media(max-width:900px){.app-layout{grid-template-columns:70px minmax(0,1fr)}.app-nav .nav{justify-content:center;padding:13px 7px}.app-nav .nav span{display:none!important}.app-nav .nav-bottom{display:none}.chat-layout{grid-template-columns:225px minmax(0,1fr)}.header-search{max-width:220px;margin:0 auto}.top .brand-logo{width:175px}.top-right{gap:9px}.top #myname{font-size:10px;max-width:110px}.top #install{display:none}.content-page{padding:25px}.task-board{grid-template-columns:1fr}.heading h1{font-size:24px}}
@media(max-width:620px){.top{height:66px;min-height:66px;padding:0 15px}.top .brand-logo{width:155px}.top .brand small{font-size:8px;letter-spacing:1px}.header-search{display:none}.top #myname{display:block;font-size:10px;max-width:95px;padding-left:9px}.connection{font-size:9px}.app-layout{display:flex;flex-direction:column-reverse;min-height:0}.app-nav{height:65px;min-height:65px;flex:0 0 65px;padding:4px 5px max(4px,env(safe-area-inset-bottom));flex-direction:row;overflow-x:auto;background:#fff;border-top:1px solid var(--line);gap:3px}.app-nav .nav{display:flex;flex-direction:column;gap:4px;justify-content:center;min-width:68px;padding:7px 9px;margin:0;font-size:12px;border-radius:9px;color:#8193a4;line-height:1.2;min-height:52px}.app-nav .nav span{display:block!important;font-size:9px}.app-nav .nav svg{width:21px;height:21px}.app-nav .nav.active{background:#edf6fc;color:#007cb7;box-shadow:none}.app-nav .nav.active svg{color:#007cb7}.app-nav .module-nav{min-width:85px}.app-nav .nav:hover{background:#edf6fc}.app-nav .nav-bottom{display:none}.app-status{display:none}.chat-layout{display:block;height:100%}.room-sidebar{height:100%;border:0}.groups-heading{padding:21px 20px 15px}.groups-heading h2{font-size:24px}.room-sidebar #room-list{padding:0 12px}.room-item{min-height:83px;padding:12px 9px}.room-title{font-size:14px}.room-item .preview{font-size:11px;max-width:none}.room-item .last-message{font-size:10px}.room-search{padding:0 20px}.room-search input{font-size:14px}.room-actions{margin:12px 20px}.filter-pill{font-size:10px}.room-time{font-size:9px}.ui-avatar{width:46px;height:46px;min-width:46px}.conversation{display:none;height:100%;border:0}.chat-layout.open-room .conversation{display:flex}.chat-layout.open-room .room-sidebar{display:none}.workflow-rail{display:none!important}.wa-header{padding:12px 13px;min-height:98px;gap:9px}.back-rooms{display:block;background:transparent;padding:0 4px;font-size:24px}.conversation-title h2{font-size:15px;max-width:none;white-space:normal}.conversation-title .muted{max-width:210px;font-size:9px}.wa-header .ui-avatar{width:35px;height:35px;min-width:35px;font-size:12px}.wa-header>.actions{padding-left:0;gap:4px;flex-wrap:wrap}.wa-header>.actions button{font-size:9px;min-height:29px;padding:5px 7px}.ui-messages{padding:19px 15px}.wa-messages .message{max-width:94%}.wa-messages .msg-body{font-size:13px}.message-name{font-size:10px}.wa-composer{padding:10px 9px max(9px,env(safe-area-inset-bottom))}.quick-status>span{display:none}.quick-status button{white-space:nowrap;font-size:9px;min-height:26px}.compose-line textarea{font-size:16px;padding:8px 5px}.attach-button,.mic-button,.send-button{width:35px;height:39px;min-width:35px;min-height:39px}.compose-detail{font-size:8px}.content-page{padding:24px 17px}.heading{gap:15px;align-items:flex-start}.heading h1{font-size:25px}.eyebrow{font-size:8px}.date-badge{font-size:9px!important;padding:6px 8px!important}.stats{gap:8px}.stats .stat{padding:13px 10px;font-size:9px}.stats .stat b{font-size:23px}.document-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.document-card>img{height:120px}.document-card>div{padding:12px}.document-card b{font-size:10px}.document-symbol{height:110px}.ai-banner{padding:22px 15px;gap:15px}.ai-banner h2{font-size:16px}.ai-banner p{font-size:11px}.assistant-grid{grid-template-columns:1fr}.task-column{padding:13px}.top-right .connection{max-width:none}.auth-card{padding:27px 22px}.auth-body{padding:18px}.auth-card .brand-logo{width:230px}}
.room-item .ui-sinopx{background:linear-gradient(135deg,#00b7be,#007887);color:white}.room-item .ui-depox{background:linear-gradient(135deg,#ff9650,#ec503b);color:white}.room-item .ui-bursax{background:linear-gradient(135deg,#ffc04d,#fa8327);color:white}.room-item .ui-markax{background:linear-gradient(135deg,#94989e,#535b63);color:white}.room-item .ui-finansx{background:linear-gradient(135deg,#65c9a7,#31956f);color:white}.room-item .ui-ayrbax{background:linear-gradient(135deg,#a591c4,#72608c);color:white}.room-item .ui-ciofix{background:linear-gradient(135deg,#214e6d,#061f34);color:white}
.employee-tabs{display:flex;gap:8px;border-bottom:1px solid var(--line);margin-bottom:27px;padding-bottom:12px;overflow-x:auto}.employee-tabs button{background:transparent;color:#71889b;font-size:12px;white-space:nowrap}.employee-tabs button.active{background:#e1f0fa;color:#096a9d}.employee-tabs span{background:#fff;border-radius:10px;padding:2px 6px;margin-left:6px;font-size:10px}.invite-card{display:flex;gap:20px;align-items:flex-start;background:linear-gradient(110deg,#fff,#f7fbff);padding:25px}.invite-symbol{background:#dff0fb;color:#137ba6;padding:15px;border-radius:12px;line-height:1}.invite-card>div:last-child{flex:1;min-width:0}.invite-card h2{font-size:17px;margin:0 0 9px}.invite-card p{font-size:12px;line-height:1.8;color:#6d869a;margin:0 0 15px}.invite-path{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.invite-path input{flex:1;min-width:160px;font-size:12px;background:#f2f7fb}.invite-path button,.invite-path a{font-size:11px}.invite-path a{text-decoration:none;padding:8px}.local-invite-warning{display:block;font-size:10px;color:#977334;margin-top:12px;line-height:1.7}.role-guide{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 24px}.role-guide>div{background:#edf3f8;border:1px solid #e2eaf2;border-radius:9px;padding:14px 17px}.role-guide b{display:block;font-size:12px;margin-bottom:7px;color:#335870}.role-guide span{display:block;font-size:10px;color:#7b91a1;line-height:1.8}.employee-grants{display:flex;flex-wrap:wrap;gap:5px;margin:8px 0}.employee-grants span{font-size:9px;background:#edf5fa;color:#547c94;border-radius:5px;padding:4px 7px}.approval-role-label{width:100%;margin-bottom:0}.member-card .actions select{flex:1;min-width:180px;font-size:12px}.member-card .actions{margin-top:15px}.content-page>.employee-tabs+.heading{margin-top:0}@media(max-width:620px){.invite-card{padding:18px;gap:12px}.invite-symbol{padding:10px}.invite-path{gap:6px}.invite-path input{min-width:100%;font-size:11px}.invite-path button{font-size:10px}.invite-card p{font-size:11px}.role-guide{grid-template-columns:1fr;gap:8px}.role-guide>div{padding:12px 15px}.role-guide span{font-size:11px}.employee-tabs{gap:4px}.employee-tabs button{font-size:11px;padding:9px}.content-page .row{flex-wrap:wrap}.content-page .person{min-width:0}.employee-grants{max-width:100%}}
/* Reference alignment: larger type, compact toolbar and task cards in the chat. */
.app-nav .nav{font-size:14px;font-weight:500}.room-title{font-size:14px}.room-item .preview{font-size:12px;line-height:1.6}.room-item .last-message{font-size:10px}.room-time{font-size:9px}.room-item{min-height:87px}.ui-avatar{font-size:17px}.groups-heading h2{font-size:21px}.refined-header{min-height:85px;flex-wrap:nowrap;padding:18px 22px;position:relative;overflow:visible}.refined-header .conversation-title{min-width:0}.refined-header .conversation-title h2{font-size:19px;font-weight:700;max-width:none}.refined-header .conversation-title .muted{font-size:12px;white-space:normal}.chat-tools{display:flex;align-items:center;gap:8px;flex-shrink:0}.chat-tool,.chat-menu summary{width:36px;height:36px;min-height:36px;padding:0;border-radius:8px;background:#eaf1f8;color:#254761;display:grid;place-items:center;cursor:pointer;list-style:none}.chat-menu{position:relative;z-index:4}.chat-menu summary{font-size:15px;letter-spacing:2px;padding-left:3px}.chat-menu summary::-webkit-details-marker{display:none}.chat-menu[open] summary{background:#d5e9f6;color:#03679f}.chat-menu-items{position:absolute;right:0;top:44px;width:220px;padding:7px;background:#fff;border:1px solid #dce7ef;border-radius:10px;box-shadow:0 12px 35px #092b4325;display:grid;gap:4px}.chat-menu-items button{background:white;color:#36586e;text-align:left;padding:12px;font-size:13px;font-weight:500;border-radius:6px}.chat-menu-items button:hover{background:#edf5fb}.chat-menu-items>span{padding:10px;font-size:12px}.wa-messages .msg-body{font-size:14px;padding:13px 16px;line-height:1.7}.message-name{font-size:12px;margin-bottom:7px}.message-meta{font-size:10px}.message-actions{font-size:9px}.message-actions button{font-size:10px}.compose-line textarea{font-size:14px}.quick-status button,.quick-status>span{font-size:10px}.compose-detail{font-size:9px}.conversation-task-summary{max-width:640px;margin:25px 0 10px;border:1px solid #e0eaf3;border-radius:12px;padding:16px;background:#fff;box-shadow:0 3px 10px #12364e04}.task-summary-title{display:flex;gap:10px;align-items:center;font-size:15px;margin-bottom:14px;color:#213e57}.task-summary-title svg{width:20px;color:#2c6893}.task-summary-title>span{margin-left:auto;font-size:12px;color:#71899d}.conversation-task-summary .ui-task{padding:15px 12px;background:#fbfdff;border-radius:8px;margin-bottom:7px}.conversation-task-summary .ui-task b{font-size:13px}.conversation-task-summary .ui-task small{font-size:11px}.conversation-task-summary .badge{font-size:9px;margin-left:4px;white-space:normal;text-align:center}.rail-heading h2{font-size:19px}.workflow-rail>.muted{font-size:13px;line-height:1.7}.workflow-module{border:1px solid #dbe6ef;background:linear-gradient(#fff,#fbfdff);border-radius:11px;margin:20px 0;padding:16px 13px;box-shadow:0 3px 10px #15364a04}.workflow-module .workflow-card{border:0;box-shadow:none;padding:0;margin:0 0 17px;font-size:15px;background:transparent;grid-template-columns:32px 1fr 14px;gap:11px}.workflow-module .workflow-card b{font-size:15px}.workflow-icon{width:34px;height:34px;display:grid;place-items:center;background:#e2effc;color:#195b89;border-radius:8px}.workflow-steps{display:flex;align-items:center;justify-content:space-between;gap:5px;font-size:10px;line-height:1.6;color:#607d92;padding:12px 4px;background:#f3f7fb;border-radius:8px}.workflow-steps>span{display:flex;align-items:center;gap:5px;white-space:nowrap}.workflow-steps i{font-style:normal;color:#9db2c2}.workflow-caption{font-size:10px;line-height:1.6;margin:10px 0 0;color:#8ca0af}.rail-section-title{font-size:12px}.assistant-card b{font-size:14px}.assistant-card p{font-size:12px}.top #myname{display:flex;align-items:center;gap:10px;max-width:200px;font-size:12px}.top #myname:before{content:attr(data-initials);display:grid;place-items:center;width:36px;height:36px;min-width:36px;border-radius:50%;background:linear-gradient(135deg,#effaff,#afc9dc);color:#1f5376;font-size:12px;font-weight:700}.top-right{gap:14px}.header-search{font-size:13px}.top #install{font-size:11px}.app-status{font-size:11px}.message-text:empty{display:none}@media(max-width:900px){.app-nav .nav{font-size:13px}.top #myname{font-size:10px;gap:7px;max-width:155px}.header-search{max-width:200px}.refined-header{padding:16px}.refined-header .conversation-title h2{font-size:16px}.refined-header .conversation-title .muted{font-size:10px}.chat-tools{gap:5px}.chat-tool,.chat-menu summary{width:30px;height:33px;min-height:33px}.app-status{font-size:9px}.workflow-module{padding:13px}}
@media(max-width:620px){.room-title{font-size:15px}.room-item .preview{font-size:12px}.app-nav .nav{font-size:12px}.top #myname{max-width:135px;font-size:10px;gap:6px;padding-left:8px}.top #myname:before{width:29px;height:29px;min-width:29px;font-size:10px}.refined-header{min-height:78px;padding:12px 10px;gap:7px}.refined-header .conversation-title{min-width:0}.refined-header .conversation-title h2{font-size:15px;margin-bottom:4px;overflow-wrap:anywhere}.refined-header .conversation-title .muted{font-size:9px;max-width:none}.refined-header .ui-avatar{width:34px;height:34px;min-width:34px}.chat-tools{gap:3px}.chat-tool,.chat-menu summary{width:29px;height:32px;min-height:32px}.chat-tool svg{width:19px;height:19px}.chat-menu-items{width:205px}.wa-messages .msg-body{font-size:14px;padding:12px 13px}.message-name{font-size:11px}.conversation-task-summary{padding:12px;margin:20px 0 8px}.conversation-task-summary .ui-task{padding:12px 9px;flex-wrap:wrap}.conversation-task-summary .ui-task b{font-size:12px}.conversation-task-summary .ui-task small{font-size:10px}.task-summary-title{font-size:14px}.compose-line textarea{font-size:16px}.quick-status button{font-size:9px}.compose-detail{font-size:8px}.ui-messages{padding:18px 12px}}
@media(max-width:360px){.refined-header .chat-tool[data-action=tasks]{display:none}.top #myname{max-width:98px}.top .brand-logo{width:140px}.top-right{gap:7px}.top #myname:before{display:none}}
@media(pointer:coarse){.chat-tool,.chat-menu summary{width:44px;height:44px;min-width:44px;min-height:44px}.attach-button,.mic-button,.send-button{width:44px;height:44px;min-width:44px;min-height:44px}}
/* Soft panel edges and persistent navy navigation, matching the approved reference. */
.app-layout{background:#0a2a40}.chat-layout{border-radius:18px 18px 0 0;isolation:isolate}.room-sidebar{border-radius:18px 0 0 0}.conversation{border-radius:18px 18px 0 0;box-shadow:0 0 0 1px #e2eaf2}.refined-header{border-radius:18px 18px 0 0}.workflow-rail{border-radius:18px 18px 0 0}.content-page{border-radius:18px 0 0 0}.card,.workflow-module,.conversation-task-summary,.document-card{border-radius:15px}.compose-line{border-radius:14px}.app-nav .nav{border-radius:11px}.chat-menu-items{border-radius:13px}.top .brand,.top .brand-logo{background:transparent}
@media(min-width:621px) and (max-width:1050px){.app-layout{grid-template-columns:178px minmax(0,1fr)}.app-nav .nav{justify-content:flex-start;padding:12px 10px;font-size:12px;gap:11px}.app-nav .nav span{display:block!important}.app-nav .nav-bottom{display:block}.chat-layout{grid-template-columns:225px minmax(0,1fr)}.room-title{font-size:13px}.room-item .preview{font-size:11px}}
@media(max-width:620px){.app-nav{background:#0b2c42;border-top:1px solid #25465b}.app-nav .nav{color:#b7cbdb}.app-nav .nav.active{background:#154c6c;color:white}.app-nav .nav.active svg{color:#28c8e9}.app-nav .nav:hover{background:#16435e}.chat-layout,.room-sidebar,.conversation,.refined-header,.content-page{border-radius:14px 14px 0 0}.workflow-rail{border-radius:14px}.card{border-radius:13px}}
/* Reference typography ratios, shared by all application screens. */
:root{--ui-text:14px;--ui-small:12px;--ui-title:20px;--ui-space:8px}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;letter-spacing:-.12px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}.top{height:78px}.top .brand-logo{width:220px}.top .brand small{font-size:10px;letter-spacing:1.8px;margin-top:6px}.header-search{height:40px;padding:9px 17px;max-width:460px}.app-nav{padding-top:21px}.app-nav .nav{font-size:14px;min-height:48px;padding:12px 13px;gap:12px;margin:2px 0;font-weight:500;letter-spacing:0}.app-nav .nav svg{width:22px;height:22px}.groups-heading{padding:20px 16px 13px}.groups-heading h2{font-size:20px}.room-item{min-height:73px;padding:10px 9px;margin:2px 0;gap:11px}.room-title{font-size:14px;line-height:1.45}.room-item .preview{font-size:11px;line-height:1.5}.room-item .last-message{font-size:10px}.room-item .ui-avatar{width:43px;height:43px;min-width:43px;font-size:16px}.room-actions{margin-bottom:10px}.conversation-title h2{font-size:20px;line-height:1.3}.refined-header{min-height:81px;padding:16px 22px}.refined-header .conversation-title h2{font-size:20px;letter-spacing:-.5px}.refined-header .conversation-title .muted{font-size:12px;margin-top:2px}.wa-messages .msg-body{font-size:14px;line-height:1.6}.ui-messages{padding:25px}.message-name{font-size:12px;font-weight:500}.rail-heading h2{font-size:19px;line-height:1.35}.workflow-rail{padding:23px 20px}.workflow-module .workflow-card b{font-size:15px}.workflow-rail>.muted{font-size:12px}.heading h1{font-size:27px}.document-breadcrumb{display:flex;align-items:center;gap:12px;margin:0 0 16px;flex-wrap:wrap;font-size:13px}.document-breadcrumb button{display:flex;align-items:center;gap:9px}.document-breadcrumb svg{width:17px;height:17px}.document-folder-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px}.document-folder{display:flex;align-items:center;gap:15px;background:#fff;border:1px solid #dfe8f1;color:#294a63;padding:22px 18px;text-align:left;border-radius:15px;box-shadow:0 4px 14px #10395204}.folder-icon{padding:13px;border-radius:11px;background:#e7f2fc;color:#3679ab;display:grid;place-items:center;flex-shrink:0}.folder-icon svg{width:27px;height:27px}.document-folder>div{flex:1;min-width:0}.document-folder b{display:block;font-size:15px;margin-bottom:5px}.document-folder small{display:block;font-size:11px;color:#6c879c;font-weight:400;line-height:1.6}.document-folder div>span{display:block;font-size:10px;color:#91a4b3;margin-top:8px;font-weight:400}.folder-arrow{font-size:24px;color:#8ba5b9}.document-folder:hover{border-color:#a7cce5;background:#fafdff;filter:none}
@media(min-width:621px) and (max-width:1050px){.top .brand-logo{width:180px}.top .brand small{font-size:8px}.app-nav .nav{font-size:12px;gap:11px;padding:12px 10px}.room-title{font-size:13px}.refined-header .conversation-title h2{font-size:17px}.refined-header .conversation-title .muted{font-size:10px}.refined-header{padding:15px}}
@media(max-width:620px){.top{height:66px;min-height:66px}.top .brand-logo{width:155px}.top .brand small{font-size:8px;letter-spacing:1px}.app-nav .nav{min-height:52px;padding:7px 9px;margin:0;gap:4px}.room-item{min-height:80px;padding:12px 10px}.room-title{font-size:15px}.room-item .preview{font-size:12px}.room-item .last-message{font-size:10px}.refined-header{min-height:78px;padding:12px 10px}.refined-header .conversation-title h2{font-size:15px}.refined-header .conversation-title .muted{font-size:9px}.ui-messages{padding:18px 12px}.heading h1{font-size:25px}.document-folder-grid{grid-template-columns:1fr;gap:12px}.document-folder{padding:18px}.document-breadcrumb{font-size:12px}.document-breadcrumb button{font-size:11px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}