#worklog-open,#summary-open{display:none!important}
.work-tools{display:flex;flex-direction:column;gap:7px;margin-right:auto;margin-left:26px}
.work-tools button{min-width:150px;padding:9px 16px;border-radius:8px}
#work-inbox{width:min(1000px,94vw)}
#work-inbox-people{float:left;width:230px;max-height:55vh;overflow-y:auto;display:flex;flex-direction:column;gap:6px;padding-right:12px}
#work-conversation{margin-left:250px;min-height:320px}
#work-inbox-people button{text-align:left;flex-shrink:0}
.monitor-message.has-unread{background:#c94832!important;color:white!important;font-weight:800;box-shadow:0 0 0 3px #f5d0c6}
.work-report-summary{grid-template-columns:repeat(4,1fr)}
@media(max-width:700px){#work-inbox-people{width:135px}#work-conversation{margin-left:150px}.work-tools{margin-left:8px}}
.notification-audio{padding:6px 8px;border-top:1px solid #e1e3e5;font-size:11px;background:#f7f7f6}
.notification-audio label,.notification-audio>div{display:flex;align-items:center;gap:5px}
.notification-audio select{padding:3px;font-size:11px;flex:1}.notification-audio input{min-width:0;width:90px;padding:0}.notification-audio button{padding:3px 5px;font-size:11px}.notification-audio output{min-width:32px}
#source-viewer{width:min(1200px,96vw);height:90vh}#source-content{max-height:78vh;overflow:auto}#source-content img{display:block;max-width:100%;margin:auto}#source-content pre{white-space:pre-wrap}
.admin-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px}.admin-card-grid .panel{margin:0;border:1px solid #d8dfe7;border-radius:12px}.admin-card-grid h2{font-size:18px}.nav-order-row{display:flex;align-items:center;gap:6px;padding:6px 0}.nav-order-row span{flex:1}

.desktop-vault-link{display:block;padding:12px;color:inherit}@media(max-width:600px){.desktop-vault-link{display:none}}
/* Mobile private chat: keep the composer inside the visible keyboard viewport. */
@media(max-width:800px){body.private-mode{overflow:hidden;height:100dvh}body.private-mode #app,body.private-mode .layout,body.private-mode main{height:100%;min-height:0;overflow:hidden}body.private-mode #private-view{position:fixed;top:var(--chat-top,0px);left:0;right:0;height:var(--chat-height,100dvh);min-height:0;overflow:hidden;background:#f4f6fb}#private-view>.rail-title,#private-state,#private-older,#private-view>.attachment-controls,#private-send{flex-shrink:0}#private-messages{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}#private-send{padding-bottom:max(9px,env(safe-area-inset-bottom));margin:0}#private-send textarea{font-size:16px;max-height:120px}#private-view>.rail-title h2{font-size:16px;margin:4px 0}}

#adminhub-view .admin-card-grid{grid-template-columns:minmax(260px,1fr) minmax(300px,1.15fr);align-items:start;max-width:1050px}#adminhub-view .admin-card-stack{display:grid;gap:12px;align-content:start}#adminhub-view .panel{padding:18px 20px;height:auto}#adminhub-view .panel h2{margin:0 0 10px}#adminhub-view .panel p{margin:0 0 12px;line-height:1.5}#adminhub-view .nav-order-row{padding:4px 0}#adminhub-view .nav-order-row button{padding:6px 10px}#adminhub-view a.button{text-decoration:none;display:inline-flex}
@media(max-width:1000px){#adminhub-view .admin-card-grid{grid-template-columns:minmax(0,1fr)}}

#users-view .account-permissions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:0 0 8px}#users-view .account-permissions label{display:inline-flex;flex-direction:row;align-items:center;gap:5px;margin:0;white-space:nowrap;font-size:12px;cursor:pointer}#users-view .account-permissions input[type=checkbox]{width:16px;height:16px;min-height:0;flex:0 0 16px;margin:0;padding:0}#users-view .account-actions{display:flex;gap:5px;flex-wrap:wrap}#users-view .account-actions button{margin:0;padding:5px 8px;min-height:28px;font-size:12px}#users-view .account-management{vertical-align:middle;padding:12px}

#users-view #user-rows td{padding:9px 12px;vertical-align:middle}#users-view #user-rows .account-name{font-size:16px;font-weight:700;color:#203c5b;white-space:nowrap}#users-view .account-mark-cell{width:80px}#users-view .account-icons{display:inline-flex;align-items:center;gap:5px}#users-view .account-permissions{margin-bottom:5px}#users-view th{padding:10px 12px}

.account-header-actions{display:flex;flex-direction:column;gap:5px;flex-shrink:0}.account-header-actions button{padding:6px 10px;font-size:12px}#change-password-open{background:#eff5ff;color:#204f91;border:1px solid #afc9ee;font-weight:700}#change-password-dialog{width:min(380px,90vw);border:1px solid #cbd8e8;border-radius:12px;padding:22px}#change-password-form{display:grid;gap:12px}#change-password-form h2{margin:0;font-size:19px}#change-password-form label{display:flex;flex-direction:column;gap:5px;font-size:13px}#change-password-form input{width:100%;box-sizing:border-box}#change-password-form small{color:#64748b;line-height:1.5}#change-password-error{margin:0}.password-dialog-actions{display:flex;justify-content:flex-end;gap:8px}
#app>.layout>.communication{border-right:0;box-shadow:3px 0 12px #20354b09;z-index:1}
#app>.layout>.communication>.online-pane{border-bottom:0;padding-bottom:8px}
#app>.layout>.communication .rail-title{background:transparent;padding:14px 14px 10px}
#app>.layout>.communication .rail-title>b{font-size:12px;letter-spacing:.01em;color:#475a72}
#app>.layout>.communication>.public-pane{border-top:8px solid #f1f4f8;background:#fafbfd}
#app>.layout>.communication>.public-pane .rail-title{padding-top:16px}
#app>.layout>.communication .chat-compose{border-top:1px solid #e8edf3}
@media(min-width:801px){#app>.layout>aside{width:180px;min-width:180px;flex:0 0 180px;padding:18px 12px;border-right:0;background:#f6f8fb}#app>.layout>aside nav{gap:5px}#app>.layout>aside nav>button{border-radius:9px;color:#53637a;font-size:13px;padding:13px 12px}#app>.layout>aside nav>button.selected{background:#fff;color:#315fc6;box-shadow:0 2px 8px #243e6310;font-weight:700}#app>.layout>aside .nav-resource-group{border-top:1px solid #e1e7f0;padding-top:12px;margin-top:12px}#app>.layout>aside .nav-resource-link{background:transparent;color:#53637a}}
@media(max-width:800px){#app>.layout>.communication{box-shadow:none;border-bottom:0;padding-bottom:5px;position:relative}#app>.layout>.communication::after{content:'';position:absolute;left:0;right:0;bottom:0;height:5px;background:#eef1f6;border-top:1px solid #8e9fb6;border-bottom:1px solid #8e9fb6;box-sizing:border-box;pointer-events:none}#app>.layout>.communication>.online-pane{border:0;padding-right:5px;position:relative}#app>.layout>.communication>.online-pane::after{content:'';position:absolute;top:0;bottom:0;right:0;width:5px;background:#eef1f6;border-left:1px solid #8e9fb6;border-right:1px solid #8e9fb6;box-sizing:border-box;pointer-events:none}#app>.layout>.communication>.public-pane{border-top:0}}

@media(min-width:801px){#app>.layout>aside nav>button:not(.selected){background:transparent;box-shadow:none}#app>.layout>aside nav>button:not(.selected):hover{background:#eaf0f8}}
/* Filled double dividers: 1px edge + 3px fill + 1px edge; continuous T junction. */
@media(max-width:800px){#app>.layout>.communication::after{z-index:2}#app>.layout>.communication>.online-pane::after{bottom:0;z-index:3}#app>.layout>.communication>.online-pane::before{content:'';position:absolute;right:1px;bottom:-1px;width:3px;height:1px;background:#eef1f6;z-index:4;pointer-events:none}}
@media(min-width:801px){
 #app>.layout>.communication{box-shadow:none;padding-right:5px}
 #app>.layout>.communication::after,#app>.layout>aside::after{content:'';position:absolute;top:0;right:0;bottom:0;width:5px;background:#eef1f6;border-left:1px solid #8e9fb6;border-right:1px solid #8e9fb6;box-sizing:border-box;pointer-events:none;z-index:2}
 #app>.layout>.communication>.online-pane{position:relative;padding-bottom:5px}
 #app>.layout>.communication>.online-pane::after{content:'';position:absolute;left:0;right:0;bottom:0;height:5px;background:#eef1f6;border-top:1px solid #8e9fb6;border-bottom:1px solid #8e9fb6;box-sizing:border-box;pointer-events:none;z-index:3}
 #app>.layout>.communication>.online-pane::before{content:'';position:absolute;right:-1px;bottom:1px;width:1px;height:3px;background:#eef1f6;z-index:4;pointer-events:none}
 #app>.layout>.communication>.public-pane{border-top:0;background:#fff}
 #app>.layout>aside{position:relative;background:#fff;padding-right:17px}
}

/* A single vertical recipient list, never flex-wrapped into clipped columns. */
#work-inbox-people{flex-wrap:nowrap;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;box-sizing:border-box;width:250px;max-height:65vh;min-height:0}#work-inbox-people button{width:100%;min-width:0;white-space:normal;overflow-wrap:anywhere;flex:none;text-align:left}#work-conversation{margin-left:265px}
@media(max-width:700px){#work-inbox-people{width:150px}#work-conversation{margin-left:162px}}

/* Compact chat sound controls: settings overlay never consumes chat height. */
.notification-audio{position:relative;flex:0 0 auto;padding:3px 6px;overflow:visible}
.notification-audio .audio-compact{display:flex;justify-content:flex-end;align-items:center;gap:5px;min-height:24px}
.notification-audio .audio-popover{position:absolute;bottom:100%;left:4px;right:4px;display:block;padding:10px;background:#fff;border:1px solid #b9cbea;border-radius:8px;box-shadow:0 4px 16px #17345030;z-index:100}
.notification-audio .audio-popover[hidden]{display:none}
.notification-audio .audio-popover>div{display:flex;gap:8px;align-items:center;margin-top:8px}
.notification-audio .audio-popover input{flex:1;width:auto}
.notification-audio .audio-compact button{white-space:nowrap;min-height:24px}
.notification-audio button:focus-visible{outline:2px solid #3164de;outline-offset:1px}

#source-content .report-html-frame{display:block;width:100%;height:76vh;border:0;background:white}