/* Scoped, responsive intake workspace. Native app clients can use the same tray/preview APIs. */
.tray-workspace,.tray-admin{min-width:0;color:#16304f}.tray-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.tray-heading h1{font-size:23px;margin:0}.tray-heading p{margin:5px 0 0;color:#59708e;font-size:13px}.tray-actions{display:flex;gap:7px;flex-wrap:wrap}.tray-workspace .btn,.tray-admin .btn{min-height:36px;padding:7px 12px;font-size:13px}.tray-tab-bar{display:flex;gap:6px;align-items:stretch;background:#edf2f9;border-radius:10px 10px 0 0;padding:8px 8px 0;position:relative}.tray-tabs{display:flex;flex:1;min-width:0;overflow-x:auto;scrollbar-width:thin;gap:5px}.tray-tab-wrap{display:flex;align-items:center;flex:1 1 160px;min-width:100px;max-width:280px;background:#f8faff;border-radius:6px 6px 0 0;border-top:3px solid transparent}.tray-tab-wrap.selected{background:#fff;border-color:#005bd4}.tray-tab-wrap [role=tab]{display:flex;align-items:center;gap:8px;flex:1;min-width:0;padding:12px 10px;background:none;border:0;color:inherit;font:inherit;font-size:13px;text-align:left;cursor:pointer}.tray-tab-wrap [role=tab] span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tray-tab-close{width:32px;min-height:38px;background:none;border:0;font-size:20px;color:#53708e;cursor:pointer}.tray-workspace button:focus-visible,.tray-workspace summary:focus-visible{outline:3px solid #09bddd;outline-offset:-3px}.tray-picker{flex:none}.tray-picker summary{list-style:none;cursor:pointer;white-space:nowrap}.tray-picker-menu{position:absolute;right:8px;top:100%;width:300px;max-width:calc(100vw - 40px);z-index:8;background:white;border:1px solid #d8e3f0;border-radius:8px;padding:10px;box-shadow:0 8px 25px #16304f26}.tray-picker-menu input{min-width:0;width:100%;box-sizing:border-box}.tray-choices{max-height:300px;overflow:auto;padding:5px 0}.tray-choices .btn{display:flex;justify-content:space-between;width:100%;text-align:left;gap:8px;overflow-wrap:anywhere}.tray-choices small{color:#647c95}.tray-status{font-size:13px;margin:0;padding:7px 10px;background:#fff}.tray-status:empty{display:none}.tray-panel{display:grid;grid-template-columns:minmax(280px,45%) minmax(0,55%);background:white;border:1px solid #dce6f3;border-radius:0 0 10px 10px;min-width:0;overflow:hidden}.tray-panel[hidden]{display:none}.tray-document-list{min-width:0;border-right:1px solid #d9e4f0;display:flex;flex-direction:column}.tray-list-bar{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;gap:8px;font-size:13px}.tray-list-body{min-height:300px;max-height:60vh;overflow:auto;flex:1}.tray-document{display:flex;gap:10px;align-items:center;width:100%;min-height:64px;padding:10px 12px;border:0;border-top:1px solid #e5edf7;background:white;color:inherit;text-align:left;cursor:pointer}.tray-document.selected{background:#eaf3ff;box-shadow:inset 3px 0 #0063da}.tray-document:hover{background:#f3f7fd}.tray-filetype{font-size:10px;background:#eef6ff;color:#0063b5;padding:5px;border-radius:4px;min-width:32px;text-align:center}.tray-document-info{flex:1;min-width:0}.tray-document-info strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:550}.tray-document-info small{display:block;color:#627a96;font-size:11px;line-height:1.5;margin-top:3px}.tray-pagination{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px;padding:10px;border-top:1px solid #e5edf7}.tray-empty{padding:35px 20px;color:#53708e;text-align:center}.tray-empty p{font-size:13px;max-width:300px;margin:10px auto}.tray-viewer{min-width:0;padding:12px;background:#fff;display:flex;flex-direction:column}.tray-viewer-top{display:flex;gap:8px;align-items:center;justify-content:space-between;min-width:0}.tray-viewer-title{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.tray-viewer-tools{display:flex;align-items:center;gap:6px;padding:10px 0}.tray-viewer-tools select{width:auto;min-width:0;min-height:36px;padding:6px;font-size:13px;border-radius:6px}.tray-viewer-message{margin:0 0 6px;font-size:12px;min-height:18px;color:#59708e}.tray-viewer-message.form-error{color:#ba253a}.tray-page-scroll{height:60vh;min-height:300px;max-height:760px;overflow:auto;background:#edf2f8;border-radius:5px;overscroll-behavior:contain}.tray-page-image{min-height:1px;margin:auto;box-sizing:border-box;padding:12px}.tray-page-image img{width:100%;height:auto;display:block;box-shadow:0 1px 5px #16304f25}.tray-no-selection{padding:70px 20px;text-align:center;color:#647c95;min-height:300px;display:grid;place-items:center;font-size:14px}.tray-back{display:none}.tray-admin{background:white;padding:18px;border:1px solid #dce6f3;border-radius:10px}.tray-admin>p{font-size:14px;color:#59708e}.tray-admin-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid #e5edf7}.tray-admin-row strong{font-size:14px;overflow-wrap:anywhere}.tray-admin-row p{margin:4px 0;font-size:12px;color:#59708e}.tray-member{display:flex!important;align-items:center;gap:8px;padding:5px 0}.tray-member input{width:auto}.tray-admin-status{color:#ba253a}
@media(max-width:1050px){.tray-heading{align-items:flex-start;flex-direction:column}.tray-panel{grid-template-columns:minmax(250px,40%) minmax(0,60%)}.tray-viewer-top{flex-wrap:wrap}.tray-viewer-title{flex-basis:100%}.tray-viewer-tools{flex-wrap:wrap}}
@media(max-width:700px){.tray-workspace .btn,.tray-admin .btn,.tray-tab-wrap [role=tab],.tray-tab-close{min-height:44px}.tray-heading h1{font-size:21px}.tray-heading p{font-size:12px}.tray-actions{gap:6px}.tray-tab-wrap{min-width:130px;flex:0 0 150px}.tray-picker summary span{display:none}.tray-panel{display:block}.tray-document-list{border-right:0}.tray-viewer{display:none}.tray-panel.show-preview .tray-document-list{display:none}.tray-panel.show-preview .tray-viewer{display:flex}.tray-back{display:block}.tray-viewer-title{order:3;flex-basis:100%;padding-top:6px}.tray-viewer-tools select{min-height:44px}.tray-page-scroll{height:60vh}.tray-list-body{max-height:65vh}.tray-document{min-height:72px}.tray-document-info strong{font-size:14px}.tray-admin{padding:12px}.tray-admin .tray-heading{gap:10px}}

@media(max-width:700px){.tray-tab-close{width:44px;min-width:44px}.tray-workspace .tray-actions{align-items:center}}
@media(max-width:700px){
 .workspace:has(.tray-workspace,.tray-admin) .breadcrumb{display:none}
 .workspace:has(.tray-workspace,.tray-admin) .topbar-actions{margin-left:auto;min-width:0;gap:6px}
 .workspace:has(.tray-workspace,.tray-admin) #ask-edossier{font-size:11px;padding:6px;min-height:44px}
 .workspace:has(.tray-workspace,.tray-admin) .topbar select{max-width:90px;padding:6px}
 .workspace:has(.tray-workspace,.tray-admin) #notification-button{min-width:36px;padding:6px}
}
@media(min-width:701px) and (max-width:1050px){
 .workspace:has(.tray-workspace,.tray-admin) .sidebar{transform:translateX(-100%);z-index:40}
 .workspace:has(.tray-workspace,.tray-admin) .sidebar.open{transform:translateX(0)}
 .workspace:has(.tray-workspace,.tray-admin) .main-shell{margin-left:0;width:100%}
 .workspace:has(.tray-workspace,.tray-admin) .mobile-only{display:block}
 .workspace:has(.tray-workspace,.tray-admin) .breadcrumb,.workspace:has(.tray-workspace,.tray-admin) .dev-badge{display:none}
 .workspace:has(.tray-workspace,.tray-admin) .topbar-actions{margin-left:auto}
 body:has(.tray-workspace,.tray-admin) #menu-backdrop:not(.hidden){display:block;position:fixed;inset:0;z-index:30;background:#0b23495c;border:0}
 .tray-workspace .btn,.tray-admin .btn,.tray-viewer-tools select,.tray-tab-wrap [role=tab],.tray-tab-close{min-height:44px}
 .tray-tab-close{min-width:44px}
}
.tray-pages{font-size:12px;margin:0 0 7px;color:#385a7c}.tray-pages summary{cursor:pointer;padding:5px 0}.tray-page-list{display:flex;flex-wrap:wrap;gap:5px;max-height:130px;overflow:auto;padding:6px 0}.tray-page-list .btn{min-width:36px;min-height:36px;padding:5px 8px}.tray-page-list .btn.active{background:#0759c9;border-color:#0759c9;color:white}.tray-page-list span{font-size:12px;color:#60738c}@media(max-width:760px){.tray-page-list .btn{min-width:44px;min-height:44px}}
