/* Copper, charcoal and consistent spacing for collaboration surfaces. */
body.workspace-theme [hidden] { display:none !important; }
body.workspace-theme .collaboration-controls { display:flex; align-items:center; gap:8px; }
body.workspace-theme .header-popover { position:relative; }
body.workspace-theme .header-tool { display:flex; gap:8px; align-items:center; justify-content:center; min-height:40px; padding:8px 11px; border:1px solid #3c4147; border-radius:10px; background:#20252b; color:#efc7a6; font:600 12px/1.2 'Inter',sans-serif; cursor:pointer; }
body.workspace-theme .header-tool:hover,body.workspace-theme .header-tool[aria-expanded=true] { border-color:var(--copper); background:#302922; }
body.workspace-theme .header-popover-panel { position:absolute; right:0; top:calc(100% + 12px); width:min(360px,calc(100vw - 32px)); max-height:65dvh; overflow:auto; padding:18px; background:#191e24; border:1px solid #4c443c; border-radius:16px; box-shadow:0 18px 50px #0009; z-index:1300; text-align:left; }
body.workspace-theme .header-popover-panel h3 { font-size:16px; margin:0 0 10px; color:#f3eee6; }
body.workspace-theme .presence-help { font:400 11px/1.6 'Inter',sans-serif; color:#aeb3b9; margin:4px 0 14px; }
body.workspace-theme .presence-faces { display:flex; padding-left:5px; }
body.workspace-theme .staff-avatar { position:relative; display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; overflow:hidden; height:30px; width:30px; border:2px solid #191e24; border-radius:50%; background:#513c2c; color:#ffd8b6; font:700 10px 'Inter',sans-serif; }
body.workspace-theme .staff-avatar img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
body.workspace-theme .presence-faces .staff-avatar { margin-left:-5px; }
body.workspace-theme .presence-person { display:flex; align-items:center; gap:12px; padding:12px 0; border-top:1px solid #ffffff0b; }
body.workspace-theme .presence-person strong { display:block; font-size:13px; overflow-wrap:anywhere; }
body.workspace-theme .presence-person small { display:block; color:#aaaeb5; font-size:11px; margin-top:5px; }
body.workspace-theme .presence-indicator { margin-left:auto; flex-shrink:0; width:8px; height:8px; background:#f8984c; border-radius:50%; }
body.workspace-theme .presence-indicator.away { background:transparent; border:1px solid #b4a392; }
body.workspace-theme .notification-count { background:#f8984c; color:#171717; border-radius:12px; min-width:19px; padding:3px 5px; font-size:10px; }
body.workspace-theme .notices-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; }
body.workspace-theme .text-action { border:0; padding:4px; background:transparent; color:#efb586; font-size:11px; cursor:pointer; }
body.workspace-theme button:disabled { cursor:default; opacity:.55; }
body.workspace-theme .notice-item { display:block; width:100%; text-align:left; padding:14px 12px; background:transparent; border:0; border-bottom:1px solid #ffffff10; color:#efeee9; cursor:pointer; border-radius:8px; }
body.workspace-theme .notice-item:hover { background:#ffffff07; }
body.workspace-theme .notice-item.is-unread { border-left:2px solid var(--copper); background:#f8984c08; }
body.workspace-theme .notice-item strong { display:block; font:600 12px/1.5 'Inter',sans-serif; overflow-wrap:anywhere; }
body.workspace-theme .notice-item small { display:block; color:#aeb3b9; font-size:10px; margin-top:6px; }
body.workspace-theme .collab-empty,body.workspace-theme .table-empty-note { text-align:center; padding:28px 18px; color:#aeb5be; font:400 13px/1.7 'Inter',sans-serif; }
body.workspace-theme .top-bar.glass-panel { transition:padding .18s ease,box-shadow .18s ease; overflow:visible; }
body.workspace-theme .top-bar.header-condensed { padding-block:8px !important; min-height:60px !important; box-shadow:0 8px 25px #0004; }
body.workspace-theme .top-bar.header-condensed .user-badge-container { padding-block:4px !important; }
body.workspace-theme .top-bar-right { display:flex; align-items:center; width:auto; flex:1; min-width:0; gap:12px; justify-content:flex-end; }
body.workspace-theme .top-bar-right > :first-child { min-width:120px; flex:1; max-width:420px; }
body.workspace-theme #globalSearchInput { max-width:100%; }
body.workspace-theme .dossier-tabs { display:flex; gap:6px; border-bottom:1px solid #343a41; padding-bottom:12px; margin:20px 0; flex-shrink:0; }
body.workspace-theme .dossier-tab { border:1px solid transparent; background:transparent; color:#b5bac1; padding:10px 16px; border-radius:9px; cursor:pointer; font:600 13px 'Inter',sans-serif; }
body.workspace-theme .dossier-tab[aria-selected=true] { color:#ffbc86; border-color:#715138; background:#3d2e22; }
body.workspace-theme .dossier-section { min-height:180px; overflow:auto; }
body.workspace-theme .dossier-stats { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin-bottom:28px; }
body.workspace-theme .dossier-stats > div { background:#12171c; border:1px solid #343a41; border-radius:12px; padding:20px; }
body.workspace-theme .dossier-stats strong { display:block; font-size:28px; color:#f9b37e; }
body.workspace-theme .dossier-stats span { display:block; margin-top:6px; color:#aeb5be; font-size:12px; }
body.workspace-theme .dossier-section h3 { font-size:16px; margin:18px 0; }
body.workspace-theme .dossier-timeline { list-style:none; padding:0 0 0 18px; border-left:1px solid #775034; margin-left:6px; }
body.workspace-theme .dossier-timeline li { position:relative; padding:0 0 24px 12px; }
body.workspace-theme .dossier-timeline li::before { content:''; position:absolute; left:-23px; top:5px; width:8px; height:8px; background:var(--copper); border-radius:50%; }
body.workspace-theme .dossier-timeline strong { font-size:13px; color:#f3d5bc; }
body.workspace-theme .dossier-timeline p,body.workspace-theme .observation-card p { font:400 13px/1.7 'Inter',sans-serif; margin:8px 0; color:#d6d8dd; overflow-wrap:anywhere; white-space:pre-wrap; }
body.workspace-theme .dossier-timeline small,body.workspace-theme .observation-card small { font-size:11px; color:#989fab; }
body.workspace-theme .observation-card { margin-top:14px; padding:16px; border:1px solid #343a41; border-radius:12px; background:#12171c; }
body.workspace-theme #expedienteModal > .modal-content { overflow:auto; }
body.workspace-theme .cosmic-data-table-staff td { padding:17px 14px; line-height:1.5; }
body.workspace-theme.density-compact .cosmic-data-table-staff td,body.workspace-theme.density-compact #usersTableBody td { padding:9px 12px !important; }
body.workspace-theme.density-compact .cosmic-data-table-staff td button { padding:6px 9px !important; min-height:30px; }
body.workspace-theme .cosmic-data-table-staff tbody tr:hover { background:#f8984c06; }
body.workspace-theme .table-load-status { padding:12px 16px; margin:0 0 12px; border-radius:8px; background:#262b32; color:#ddc2aa; font-size:12px; }
body.workspace-theme .table-loading .table-load-status { background:linear-gradient(90deg,#232930,#343434,#232930); background-size:200% 100%; animation:table-loading 1.4s linear infinite; }
body.workspace-theme .table-loading .table-empty-note { display:none; }
@keyframes table-loading { to {background-position:-200% 0;} }
@media(max-width:1200px){
 body.workspace-theme .presence-faces { display:none; }
 body.workspace-theme .top-bar-right { flex-wrap:wrap; justify-content:flex-end; }
 body.workspace-theme .collaboration-controls { gap:5px; }
}
@media(max-width:768px){
 body.workspace-theme .top-bar.glass-panel { flex-wrap:wrap; }
 body.workspace-theme .top-bar-right { width:100%; display:flex; flex:1 1 100%; }
 body.workspace-theme .top-bar-right > :first-child { flex:1 1 100%; width:100%; max-width:none; }
 body.workspace-theme .collaboration-controls { margin-right:auto; }
 body.workspace-theme .header-popover { position:static; }
 body.workspace-theme .header-popover-panel { left:12px; right:12px; top:100%; width:auto; }
 body.workspace-theme .dossier-tab { padding:10px; font-size:12px; }
 body.workspace-theme .dossier-tabs { gap:2px; }
 body.workspace-theme .dossier-stats > div { padding:14px; }
}
@media(prefers-reduced-motion:reduce){
 body.workspace-theme .top-bar.glass-panel { transition:none; }
 body.workspace-theme .table-loading .table-load-status { animation:none; }
}
