.company-logo{width:64px;height:56px;object-fit:contain;vertical-align:middle;margin-right:13px}.brand{display:flex;align-items:center}.brand span{font-size:11px}.profile-chip{border:0!important;text-align:left;display:block;padding:5px 9px}.profile-chip small{display:block;color:#a9c9e9;font-size:10px}.rank-pill{border:1px solid #7895b1;border-radius:5px;padding:2px 5px;font-size:11px}#my-busy{font-size:11px;background:#294762;color:white;border-color:#65809d;padding:6px}.communication{width:280px;min-width:250px;flex-shrink:0;height:calc(100vh - 114px);position:sticky;top:0;display:flex;flex-direction:column;background:#fff;border-right:1px solid #d8e2ed}.online-pane{height:calc(28% + 80px);max-height:42vh;min-height:115px;display:flex;flex-direction:column;border-bottom:1px solid #d8e2ed}.rail-title{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;gap:6px}.rail-title button{padding:5px 7px;font-size:11px}.online-pane>small{font-size:10px;padding:0 12px 6px;color:#79889a}#online-list{overflow-y:auto;min-height:0}.person-row{width:100%;border:0;border-radius:0;display:flex;justify-content:flex-start;gap:5px;padding:6px 9px;font-size:12px;min-height:34px}.person-row>span{display:flex;gap:4px}.person-row b{overflow:hidden;text-overflow:ellipsis}.person-row small{font-size:10px;color:#7c8fa5}.mini-avatar{width:24px;height:24px;object-fit:cover;border-radius:6px;flex-shrink:0}.fallback-icon{display:inline-grid;place-items:center;box-sizing:border-box;border:1px solid #cdd6e0;background:#fff;color:#65758a}.presence-dot{height:7px;width:7px;flex-shrink:0;border-radius:50%;background:#9ba5b0}.presence-dot.online{background:#38af68}.presence-dot.working{background:#e6b838}.presence-dot.busy{background:#dc4a50}.public-pane{flex:1;display:flex;flex-direction:column;min-height:0}.messages{flex:1;overflow:auto;min-height:0;padding:4px 10px}.chat-message{padding:7px 0;overflow-wrap:anywhere}.message-author{display:flex;align-items:center;gap:5px;font-size:11px}.message-author time{font-size:9px;color:#8998aa;margin-left:auto}.chat-message p{margin:4px 0 4px 29px;background:#f0f4fa;border-radius:7px;padding:7px;font-size:12px;color:#283e57;white-space:pre-wrap;line-height:1.5}.chat-message.own p{background:#e9f3ff}.chat-compose{display:flex;gap:5px;padding:9px;border-top:1px solid #dce5ee;background:white}.chat-compose textarea{min-width:0;flex:1;resize:none;font:inherit;font-size:12px;border:1px solid #cdd9e6;border-radius:6px;padding:7px}.chat-compose button{padding:7px 9px;font-size:12px}.report-card{margin:6px 0 5px 29px;border:1px solid #b5d0f0;border-radius:7px;padding:9px;background:#fff;font-size:11px}.report-card small{display:block;margin:4px 0;color:#788ba0;overflow-wrap:anywhere}.report-card button{padding:5px 7px;color:#1762b5;font-size:11px}.report-card strong{white-space:normal}.chat-empty{font-size:12px;text-align:center;margin-top:20px}.layout aside{width:155px;padding:18px 8px}.layout nav button{font-size:12px;padding:12px 9px}main{padding:22px;max-width:none}.cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.cards article{padding:16px}.cards strong{font-size:27px}.cards span{font-size:11px}#review-count,#inbox-count{background:#eaf1fc;color:#275fa7;border-radius:9px;padding:0 4px}.person-menu{position:fixed;z-index:1000;background:white;border:1px solid #bdcfe4;border-radius:6px;box-shadow:0 8px 30px #20354b22}.delivery-notice{position:fixed;right:20px;top:84px;width:310px;background:white;padding:16px;border:1px solid #8eb3e5;border-radius:10px;box-shadow:0 8px 35px #193b5d26;z-index:1001;font-size:12px;animation:notice-in .3s ease-out}.notice-close{float:right;padding:1px 5px}.delivery-notice .report-card{margin-left:0}@keyframes notice-in{from{transform:translateY(-12px);opacity:0}to{transform:none;opacity:1}}.face-grid{display:grid;grid-template-columns:repeat(10,1fr);max-height:330px;overflow:auto;gap:6px}.face-grid label{cursor:pointer;position:relative;align-items:center;padding:5px;border:1px solid #e0e7ef;border-radius:6px}.face-grid img{width:42px;height:42px}.face-grid input{position:absolute;top:4px;left:4px;width:12px;height:12px}.face-grid label:has(input:checked){background:#dbeaff;border-color:#377dde}#team-dialog{width:min(800px,94vw)}#team-dialog form>label{margin:12px 0}#team-dialog textarea{width:100%;font:inherit;padding:8px;border:1px solid #cad8e9;border-radius:6px}.review-events article{border-bottom:1px solid #e0e7ef;padding:10px 0}.review-events small{margin-left:10px;color:#8393a5}.review-events p{white-space:pre-wrap}#reviews-view td{white-space:normal}#private-view{height:calc(100vh - 80px);display:flex;flex-direction:column}body.private-mode header,body.private-mode .communication,body.private-mode aside,body.private-mode footer,body.private-mode main>*:not(#private-view){display:none!important}body.private-mode main{padding:0}body.private-mode #private-view{display:flex!important;height:100vh}#private-state{padding:0 12px;font-size:11px;margin:0}#private-older{align-self:center;padding:5px;margin:6px}#private-messages{padding:10px}#folder-back,#folder-up{padding:6px 10px;font-size:12px}#my-profile{white-space:normal}.private-mode #app{display:block}#team-body .report-card{margin-left:0}@media(max-width:1100px){.communication{width:235px;min-width:235px}.layout aside{width:125px}.brand span{display:none}.cards{grid-template-columns:repeat(3,1fr)}main{padding:15px}}@media(max-width:800px){.layout{flex-wrap:wrap}.communication{position:relative;width:100%;height:400px;flex-direction:row}.online-pane{height:100%;max-height:none;width:38%;border-right:1px solid #d8e2ed}.public-pane{width:62%}.layout aside{width:100%;padding:5px}.layout nav{flex-direction:row;overflow:auto}.nav-foot{display:none}main{width:100%}.brand{font-size:15px}.company-logo{width:44px;height:40px}header{padding:6px 10px}.user-box{gap:5px}#my-busy{max-width:82px}.face-grid{grid-template-columns:repeat(5,1fr)}}
.trend-days{display:flex;overflow:auto;gap:8px}.trend-days button{min-width:128px;display:flex;flex-direction:column;padding:12px;font-size:12px}.trend-days small{font-size:10px;white-space:normal;color:#71839a}.trend-track{width:100%;height:7px;background:#e6edf6;border-radius:5px}.trend-track i{display:block;height:100%;background:#457ed1}.value-chart{width:100%;min-width:680px;display:block}.value-chart circle{cursor:pointer}.value-chart circle:hover{r:7}#value-trend{overflow:auto}#trend-spec{max-width:100%}#trend-stats{font-size:12px;color:#71839a}

.trend-track{accent-color:#cf4852}.trend-track::-webkit-progress-bar{background:#e6edf6;border-radius:5px}.trend-track::-webkit-progress-value{background:#cf4852;border-radius:5px}

.account-icons{display:flex;gap:7px}.account-icons img{width:30px;height:30px}.inbox-person{border-bottom:1px solid #e8edf5;padding:12px;gap:8px}.inbox-person.unread{background:#eaf2ff;border-left:4px solid #3168d5}.unread-badge{margin-left:auto!important;background:#d84454;color:white;border-radius:12px;padding:3px 8px;font-size:11px}.inbox-person small{margin-left:auto}#inbox-people{max-height:55vh;overflow:auto}.attachment-card{display:block;margin:7px 5px 7px 29px;padding:10px;border:1px solid #bacce5;background:#f4f8ff;border-radius:7px;overflow-wrap:anywhere}.attachment-card small{display:block;color:#667b95;margin-top:3px}.attachment-controls{display:flex;align-items:center;gap:9px;padding:8px 10px;border-top:1px solid #dae4ef}.attachment-controls small{font-size:11px}.folder-navigation{display:flex;gap:7px;margin:10px 0}.permanent-dates{align-items:flex-start;flex-wrap:wrap}.permanent-dates .date-field{width:230px;flex-shrink:0}.permanent-dates .date-control{width:100%}.permanent-dates .date-control input{width:100%;min-width:0}.permanent-dates .model-filter{flex:1;min-width:180px;max-width:300px}.inline-calendar{margin-top:8px;padding:10px;border:1px solid #dce5f1;border-radius:8px;background:#fafcff}.calendar-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px}.calendar-head button{padding:3px 7px}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;gap:2px}.calendar-grid span{font-size:10px;color:#73849a;padding:3px 0}.calendar-grid button{padding:6px 0;border:0;font-size:12px;background:transparent;min-width:0}.calendar-grid button.selected{background:#326bdd;color:white}.calendar-grid .today{box-shadow:inset 0 0 0 1px #326bdd}.calendar-today{margin-top:7px;padding:4px 9px;font-size:11px}.face-grid{grid-template-columns:repeat(10,1fr)}

.load-banner{position:sticky;top:8px;z-index:20;display:flex;align-items:center;gap:10px;padding:13px 18px;margin-bottom:14px;border:1px solid #aac8ee;border-radius:8px;background:#edf5ff;color:#275794;font-size:13px}.load-banner[hidden]{display:none}.load-banner.failed{background:#fff0ef;color:#a43440;border-color:#e6b7b9}.load-banner button{margin-left:auto}.load-spinner{width:18px;height:18px;border:3px solid #bed1ed;border-top-color:#3169d7;border-radius:50%;animation:load-spin .8s linear infinite}.load-spinner[hidden]{display:none}@keyframes load-spin{to{transform:rotate(360deg)}}

.loading-heart{color:#df485c;font-size:18px;display:inline-block;animation:heart-pulse 1.2s ease-in-out infinite}.loading-heart[hidden]{display:none}@keyframes heart-pulse{50%{transform:scale(1.16);opacity:.7}}@media(prefers-reduced-motion:reduce){.loading-heart,.load-spinner{animation:none}}
.model-filter{position:relative;min-width:260px;align-self:flex-start}.model-filter>label{display:block;margin-bottom:7px}.model-filter>#model-toggle{width:100%;text-align:left;min-height:42px}.model-panel{position:absolute;z-index:50;top:100%;left:0;width:390px;max-width:85vw;padding:16px;border:1px solid #cbd9ec;border-radius:10px;background:#fff;box-shadow:0 12px 35px #20344b25}.model-panel[hidden]{display:none}.model-panel input#model-search{width:100%;margin:10px 0}.model-actions{display:flex;gap:8px;justify-content:space-between}.model-actions button{font-size:12px;padding:8px}.model-choice{display:flex!important;flex-direction:row!important;align-items:center;gap:9px;padding:10px;border-radius:5px;font-size:13px!important}.model-choice:has(input:checked){background:#edf4ff}.model-choice input{width:16px;height:16px}#model-list{max-height:260px;overflow:auto}#model-selection{font-size:12px;color:#46658a}.cards strong{font-size:clamp(20px,1.65vw,27px)}
.header-profile{display:flex;flex-direction:column;gap:6px}.profile-chip #who{display:flex;align-items:center;gap:9px}.profile-chip #who b{font-size:21px}.profile-chip #who .mini-avatar{width:30px;height:30px}.profile-chip #who .team-pill{font-size:13px;padding:4px 8px;background:#526f95;border-radius:6px;color:white}.profile-chip #who .rank-pill{font-size:13px;padding:4px 7px}.profile-tools{display:flex;gap:7px;justify-content:flex-end}.profile-tools button{font-size:12px;padding:5px 9px;border-color:#6c819a;background:transparent;color:#eef5ff}.user-box{align-items:center}@media(max-width:800px){.profile-chip #who b{font-size:16px}.profile-chip #who .mini-avatar{width:22px;height:22px}.profile-tools button{font-size:10px}.brand{max-width:180px}}
header{min-height:116px;padding:10px 24px;box-sizing:border-box}.company-logo{width:100px;height:88px;flex-shrink:0;margin-right:16px}.communication{height:calc(100vh - 150px)}@media(max-width:1100px){header{padding:10px 16px}.brand{font-size:20px}.company-logo{width:88px;height:78px}.profile-chip #who b{font-size:18px}}@media(max-width:800px){header{min-height:100px;flex-wrap:wrap;gap:8px}.company-logo{width:72px;height:64px}.brand{max-width:none}.communication{height:400px}}
[hidden]{display:none!important}

/* 1.3.1: enlarge only the online directory. */
#online-list .person-row{font-size:14px;min-height:46px;padding:6px 9px;gap:6px;align-items:center}
#online-list .mini-avatar{width:32px;height:32px;border-radius:7px}
#online-list .person-row>span{align-items:center;gap:5px;min-width:0}
#online-list .person-row b{font-size:14px;line-height:1.4;white-space:normal;overflow-wrap:anywhere}
#online-list .person-row small{font-size:11px;flex-shrink:0}
#online-list .presence-dot{width:8px;height:8px}
/* Own uploaded mark remains distinct from the face thumbnail. */
.profile-chip #who>.mini-avatar:first-child{width:48px;height:48px;object-fit:contain;border-radius:8px;font-size:28px}
/* Clearly visible inbox, with bounded arrival animation. */
.rail-title #open-inbox{font-size:14px;font-weight:700;min-height:39px;padding:8px 11px;border:1px solid #a8bfdf;white-space:nowrap;color:#294d7f;background:#edf4ff;position:relative}
#open-inbox #inbox-count:not(:empty){display:inline-block;margin-left:4px;min-width:23px;padding:2px 6px;background:#d53743;color:white;border-radius:12px;font-size:13px;line-height:19px}
.rail-title #open-inbox.has-unread{border:2px solid #eb921e;color:#8b440a;animation:inbox-breathe 2.8s ease-in-out infinite}
.rail-title #open-inbox.arrival-flash{animation:inbox-arrival 1.1s ease-in-out 3}
@keyframes inbox-arrival{0%,100%{background:#fff3da;box-shadow:0 0 0 0 #ffa22200}50%{background:#ffd38a;box-shadow:0 0 0 5px #ffac4044,0 0 15px #ffb24777}}
@keyframes inbox-breathe{0%,100%{background:#fff6e7;box-shadow:0 0 0 0 #ffa22200}50%{background:#ffe7bb;box-shadow:0 0 0 3px #ffac4022}}
.dm-notice{position:fixed;z-index:1010;right:22px;top:130px;width:330px;max-width:calc(100vw - 36px);padding:20px;background:#fff9ef;border:2px solid #efab45;border-radius:12px;box-shadow:0 8px 30px #67421125;color:#663b0b;animation:notice-in .3s ease-out}
.dm-notice b{display:block;padding-right:20px;font-size:16px}.dm-notice p{font-size:14px;margin:10px 0 14px}#dm-notice-close{position:absolute;right:9px;top:7px;border:0;background:transparent;font-size:22px;padding:2px 6px}
@media(prefers-reduced-motion:reduce){.rail-title #open-inbox.has-unread,.rail-title #open-inbox.arrival-flash,.dm-notice{animation:none!important}.rail-title #open-inbox.has-unread{background:#ffe2aa;box-shadow:0 0 0 3px #ffac4033}}
@media(max-width:600px){
 .permanent-dates .date-field{width:100%;min-width:0;flex:1 1 100%}
 .permanent-dates .date-control{max-width:320px}
 .permanent-dates .date-control input{font-size:16px;min-height:44px}
 .permanent-dates .date-control button{width:44px;flex:none}
 .permanent-dates .inline-calendar{display:none;width:min(100%,320px);box-sizing:border-box;padding:8px;margin-top:4px}
 .permanent-dates .inline-calendar.mobile-open{display:block}
 .calendar-head b{font-size:14px;white-space:nowrap}
 .calendar-head button{width:40px;min-height:36px;flex:none;padding:4px}
 .calendar-grid{gap:2px}
 .calendar-grid button{font-size:14px;min-height:36px;padding:6px 0}
}

#public-older{font-size:11px;align-self:center;padding:5px 12px;margin:3px 0 7px;flex:none}

.chat-message.own .message-author>b{color:#175ac6;font-weight:800}.message-self-badge{display:inline-flex;align-items:center;padding:1px 4px;border-radius:4px;background:#e2edff;color:#175ac6;font-size:10px;font-weight:700;flex-shrink:0}.chat-message.own p{background:#e5efff;border-left:3px solid #4d82d9;padding-left:8px}
.ms-share-tabs{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}.ms-share-people{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:6px;max-height:260px;overflow:auto;padding:8px;border:1px solid #d6e1ef;border-radius:8px}.ms-share-person{display:flex!important;flex-direction:row!important;align-items:center;gap:8px;padding:8px;background:#f3f7fc;border-radius:6px}.ms-share-person[hidden]{display:none!important}.ms-share-person input{width:16px;height:16px;flex:none}.ms-share-person small{display:block;margin-top:3px;color:#63768f;font-size:12px}.ms-share-person:has(input:checked){background:#e3eeff;outline:1px solid #90b0da}#ms-web-share{display:grid;gap:10px}#detail-messenger-share{margin-left:6px}
#online-list .person-row{flex-wrap:wrap;gap:5px}.web-connection-badges{display:inline-flex;gap:3px;align-items:center;margin-left:auto}.web-connection-chip{display:inline-flex;gap:2px;align-items:center;padding:1px 3px;border:1px solid;border-radius:4px;font-size:10px;font-weight:700;white-space:nowrap}.web-connection-chip svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.web-connection-chip.messenger{background:#e5f2e0;color:#35643a;border-color:#bdd4b3}.web-connection-chip.web{background:#e5effc;color:#285d85;border-color:#bbd0e6}
