/* Report-first home and a dedicated conversation space, in the Reco light theme. */
.sidebar{width:78px;padding:23px 8px}.app{margin-right:78px}.sidebar .workspace,.sidebar-create,.sidebar .nav-label,.sidebar #channels,.sidebar-bottom{display:none}.nav-button{flex-direction:column;justify-content:center;text-align:center;gap:7px;padding:10px 3px;margin-bottom:9px;border-radius:12px}.nav-button .nav-text{font-size:9px;line-height:1.6}.nav-button .icon{width:20px;height:20px;box-sizing:content-box;padding:6px;background:#f6f7fa;border:1px solid #e9ecf2;border-radius:10px}.nav-button.active .icon{background:#ffe5e7;border-color:#f9d6da}.nav-button .badge{display:none}.app>header .brand{width:auto}.app>header .breadcrumb{margin-left:auto}.app>header .header-actions{margin-right:0}
main{max-width:1320px;padding:35px 40px 15px}.page-heading{margin-bottom:28px}.page-heading h1{font-size:28px}.report-summary{display:grid;grid-template-columns:repeat(3,1fr) 1.3fr;gap:0;background:white;border:1px solid #e4e8ef;border-radius:16px;padding:24px 9px;margin-bottom:25px;min-height:130px}.report-stat{display:flex;gap:13px;padding:0 21px;align-items:flex-start;border-left:1px solid #edf0f5}.report-stat-icon{width:36px;height:36px;background:#fff0f1;color:#d87783;border-radius:11px;display:grid;place-items:center;flex-shrink:0}.report-stat:nth-child(2) .report-stat-icon{background:#fff6e7;color:#c4a165}.report-stat:nth-child(3) .report-stat-icon{background:#f0f3fa;color:#839bbd}.report-stat>div>span{font-size:11px;color:#7f8ba0;display:block}.report-stat strong{display:inline-block;font-size:29px;line-height:1.7;color:#42516b;font-weight:700;margin-left:8px}.report-stat small{font-size:9px;color:#9facbe;display:block}.report-progress{padding:7px 24px 0;display:flex;flex-direction:column;justify-content:center;gap:10px}.report-progress>span{display:flex;justify-content:space-between;font-size:11px;color:#7f8ea6}.report-progress b{color:#d16175;font-size:13px}.report-progress>div{height:5px;border-radius:5px;background:#f5e9ed;overflow:hidden}.report-progress i{display:block;height:100%;background:#e78596;border-radius:5px;transition:width .3s}.report-progress small{font-size:9px;color:#a7b4c8}.reports-panel{padding:25px 25px 13px}.report-scope{font-size:10px;background:#f6f8fb;border:1px solid #ebeff5;color:#9aa9c0;padding:5px 10px;border-radius:6px}.report-datebar{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:15px 0 21px}.report-datebar .outline{font-size:11px;padding:7px 12px}.report-date-center{display:flex;align-items:center;gap:12px}.report-date-center label{font-size:12px;font-weight:600;color:#8a6d80}.report-date-center input{width:126px;border:1px solid #e7edf5;border-radius:7px;background:#fbfcfe;color:#7e8fa9;padding:6px;font:11px Arial;direction:ltr}.report-date-center .text-button{font-size:10px}.daily-reports-table{width:100%;border-collapse:collapse;text-align:right;table-layout:fixed}.daily-reports-table th{background:#f5f7fb;font-size:11px;color:#8f9eb6;font-weight:500;padding:14px 12px}.daily-reports-table th:first-child{width:20%;border-radius:0 7px 7px 0}.daily-reports-table th:nth-child(2){width:26%}.daily-reports-table th:nth-child(3){width:26%}.daily-reports-table th:nth-child(4){width:18%}.daily-reports-table th:last-child{width:10%;border-radius:7px 0 0 7px}.daily-reports-table td{padding:20px 12px;border-bottom:1px solid #edf1f7;vertical-align:top;font-size:12px;color:#9aa9bd}.daily-reports-table tr:last-child td{border:0}.daily-reports-table tr:hover{background:#fdfdff}.report-text{font-size:12px;line-height:2.2;color:#6f7f98;white-space:pre-wrap;overflow-wrap:anywhere}.report-text.has-blocker{color:#bf7a6c}.report-text.no-blocker{color:#94b2a3;font-size:11px}.report-missing{font-size:11px;color:#b5bfce}.report-edit{display:block;margin-top:10px;font-size:10px}.report-bottom{display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#a5b2c7;padding:21px 3px}.report-bottom>span{display:flex;align-items:center;gap:7px}.report-bottom .icon{width:14px;height:14px}
body[data-page=chat] main{max-width:none;padding:0}body[data-page=chat] .demo-banner{padding:10px 23px;margin:0;background:#fffafb;border-bottom:1px solid #f0e6eb}body[data-page=chat] footer{display:none}.conversation-shell{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:calc(100vh - 119px);background:#fbfcfe}.conversation-directory{background:#fff;border-left:1px solid #e5eaf2;padding:25px 19px;max-height:calc(100vh - 119px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#dde3ed transparent}.directory-home{display:flex;align-items:center;gap:10px;width:100%;padding:10px 8px 20px;color:#647895;font-size:13px;border-bottom:1px solid #edf2f8;text-align:right}.directory-section{display:flex;justify-content:space-between;align-items:center;margin:25px 10px 12px}.directory-section b{font-size:10px;color:#a1afc5;font-weight:500}.directory-section small{font-size:10px;color:#afbbcf}.directory-channel{display:flex;gap:10px;text-align:right;width:100%;padding:11px 12px;color:#7d90ae;font-size:12px;border-radius:8px;margin-bottom:3px}.directory-channel>span{font:16px Arial;color:#bac6d8}.directory-channel:hover,.directory-channel.active{background:#fff0f3;color:#c8758c}.directory-member{display:flex;align-items:center;gap:10px;width:100%;text-align:right;padding:9px 10px;border-radius:9px;font-size:11px;color:#7186a5}.directory-member:hover{background:#f7f9fc}.directory-member small{display:block;font-size:9px;color:#a9b9d0;margin-top:2px}.directory-member .avatar{width:30px;height:30px}.directory-note{font-size:10px;line-height:2.1;color:#adbdd3;margin:25px 10px 0}.conversation-home{background:radial-gradient(ellipse at 50% 50%,#fff4f5 0,transparent 65%),#fafcfe;padding:30px 30px 22px;overflow:hidden}.conversation-intro .eyebrow{font:9px Arial;letter-spacing:2px;color:#b5becd}.conversation-intro h1{font-size:23px;font-weight:700;letter-spacing:-.7px;color:#576c8c;margin:8px 0 6px}.conversation-intro p{font-size:11px;color:#a0aec4;margin:0}.people-orbit{height:510px;max-width:900px;margin:5px auto 0;position:relative}.orbit-line{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:1px dashed #d9e1ee66;border-radius:50%;pointer-events:none}.orbit-line-one{width:60%;height:58%}.orbit-line-two{width:86%;height:83%}.orbit-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px}.orbit-center img{width:90px;height:90px;object-fit:contain;padding:22px;background:#fff;border:1px solid #f5dce3;border-radius:50%;box-shadow:0 0 0 13px #fae5eb33,0 15px 40px #d7a9b022}.orbit-center b{font-size:12px;color:#b28996;font-weight:500;white-space:nowrap}.orbit-person{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);display:flex;align-items:center;flex-direction:column;gap:10px;width:120px;text-align:center;z-index:2;padding:0}.orbit-person .avatar,.orbit-channel-icon{width:49px;height:49px;border:3px solid white;box-shadow:0 4px 14px #7189b126;font-size:14px;border-radius:50%;transition:transform .2s,box-shadow .2s}.orbit-channel-icon{background:#ffe9ee;color:#d17c93;display:grid;place-items:center}.orbit-person:hover .avatar,.orbit-person:hover .orbit-channel-icon{transform:scale(1.13);box-shadow:0 6px 20px #b389aa30}.orbit-name{font-size:11px;color:#7f92af;font-weight:500;line-height:1.8}.conversation-caption{display:flex;align-items:center;flex-direction:column;gap:8px;color:#9aaecb;font-size:12px}.conversation-caption .icon{width:22px;height:22px;color:#c2a0b0}.conversation-caption small{font-size:10px;color:#b2c0d5}.full-conversation{border:0;border-radius:0;display:flex;flex-direction:column;height:calc(100vh - 119px)}.full-conversation .chat-title{background:white;display:flex;align-items:center;gap:15px;min-height:75px;flex-shrink:0}.full-conversation .chat-title small{margin-right:auto}.full-conversation .messages{height:auto;flex:1;min-height:0;background:#fafcfe}.full-conversation .composer{flex-shrink:0}.person-preview{text-align:center;padding:10px}.person-preview>.avatar{width:70px;height:70px;font-size:24px}.person-preview h3{font-size:20px;color:#6f829d;margin:15px 0 10px}.person-preview p{font-size:13px;color:#96a6bf}.person-preview .form-note{font-size:12px}
@media(max-width:1100px){main{padding:28px}.report-summary{grid-template-columns:repeat(3,1fr)}.report-progress{grid-column:1/-1;flex-direction:row;align-items:center;gap:18px;padding-top:21px;margin-top:21px;border-top:1px solid #eef1f7}.report-progress>div{flex:1}.report-progress>span{gap:15px}.report-stat:nth-child(3){border:0}.conversation-shell{grid-template-columns:225px minmax(0,1fr)}.conversation-directory{padding:20px 12px}.conversation-home{padding:25px 20px}.people-orbit{height:470px}.orbit-person{width:100px}.orbit-name{font-size:10px}.orbit-person .avatar,.orbit-channel-icon{width:42px;height:42px}.orbit-center img{width:75px;height:75px;padding:19px}.daily-reports-table{min-width:900px}}
@media(max-width:800px){.conversation-shell{grid-template-columns:190px minmax(0,1fr)}.conversation-home{padding:23px 15px}.conversation-intro h1{font-size:19px}.conversation-intro p{font-size:10px}.people-orbit{height:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:27px 12px;padding:25px 0;margin-top:10px}.orbit-line{display:none}.orbit-center{position:static;transform:none;grid-column:1/-1;margin:15px 0 10px}.orbit-person{position:static;transform:none;width:auto}.orbit-name{font-size:10px}.conversation-caption{font-size:10px;padding-top:15px}.directory-channel{font-size:11px}.directory-member{font-size:10px}.directory-note{font-size:9px}.report-date-center{flex-wrap:wrap;justify-content:center;gap:7px}.report-date-center label{width:100%;text-align:center;font-size:11px}.report-summary{padding:19px 0}.report-stat{padding:0 15px;gap:9px}.report-stat-icon{width:30px;height:30px}.report-stat>div>span{font-size:10px}.report-stat strong{font-size:26px}.report-progress{margin-top:19px;padding:17px 17px 0}.report-progress small{display:none}.report-bottom{flex-direction:column;gap:12px}}
@media(max-width:650px){.sidebar{width:62px;padding:18px 5px}.app{margin-right:62px}main{padding:23px 15px}.nav-button .nav-text{font-size:7px}.nav-button .icon{width:18px;height:18px;padding:5px}.page-heading{flex-direction:column;gap:15px}.page-heading h1{font-size:24px}.page-heading .primary{font-size:11px}.report-summary{grid-template-columns:1fr;gap:17px;padding:19px;margin-bottom:18px}.report-stat{border:0;padding:0;align-items:center}.report-stat-icon{width:34px;height:34px}.report-stat>div{display:grid;grid-template-columns:1fr auto;gap:2px 15px;flex:1}.report-stat>div>span{font-size:11px}.report-stat strong{grid-column:2;grid-row:1/3;line-height:1.4;font-size:26px;margin:0}.report-stat small{font-size:9px}.report-progress{margin:0;padding:17px 0 0;grid-column:auto;flex-direction:column;gap:10px;align-items:stretch}.report-progress>div{flex:none}.report-progress>span{font-size:10px}.reports-panel{padding:19px 13px 10px}.report-scope{display:none}.report-datebar{gap:8px;flex-wrap:wrap;padding:7px 0 19px}.report-date-center{order:-1;width:100%;margin-bottom:10px;flex-wrap:wrap;gap:9px}.report-date-center label{font-size:11px}.report-datebar .outline{font-size:10px;padding:6px 9px}.daily-reports-table{min-width:860px}.report-bottom{font-size:9px;padding-top:17px}.reports-panel .table-foot{font-size:9px}.reports-panel .table-foot>span:last-child{display:none}body[data-page=chat] .demo-banner{font-size:9px;padding:8px 13px}.conversation-shell{display:flex;flex-direction:column;min-height:calc(100vh - 135px)}.conversation-directory{max-height:none;order:0;padding:12px;display:flex;gap:6px;overflow-x:auto;overflow-y:hidden;border:0;border-bottom:1px solid #e5eaf2;flex-shrink:0}.directory-section,.directory-member,.directory-note{display:none}.directory-home{width:auto;padding:8px;white-space:nowrap;border:0;font-size:10px;gap:7px}.directory-home .icon{width:16px;height:16px}.directory-channel{width:auto;white-space:nowrap;padding:8px 11px;margin:0;font-size:10px}.conversation-home{padding:23px 17px}.conversation-intro h1{font-size:20px}.conversation-intro p{font-size:10px;line-height:2}.people-orbit{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 8px}.orbit-person .avatar,.orbit-channel-icon{width:46px;height:46px}.orbit-center img{width:78px;height:78px}.orbit-center b{font-size:11px}.conversation-caption{padding-bottom:15px}.full-conversation{height:calc(100dvh - 190px);min-height:420px}.full-conversation .chat-title{flex-wrap:wrap;gap:8px;padding:14px 17px;min-height:65px}.full-conversation .chat-title small{width:100%;margin:0!important;font-size:9px}.app>header .header-actions{margin-right:auto}}

/* Readable labels on the light canvas. */
.directory-channel,.directory-member,.orbit-name{color:#63738c}.directory-section b,.directory-note,.conversation-intro p{color:#8a98ac}.orbit-center b{color:#a26779}.conversation-caption{color:#8192aa}.report-text{color:#626f83}.report-stat>div>span{color:#758198}.report-progress>span{color:#7f8ba0}.report-date-center label{color:#8e6375}