/* Calm, compact workspace. Native commands, content and accessibility stay intact. */
:root { --deg-paper:#fff; --deg-subtle:#f7faf9; --deg-hairline:#e5eeea; }
html, body { color-scheme:light; background:#edf3f1; }
body, input, textarea, select, button { font-family:Manrope,"Segoe UI",Arial,sans-serif; }
.deg-topbar { height:64px; padding:0 24px; background:#f7faf9; border-bottom:1px solid var(--deg-hairline); }
.deg-brand { gap:11px; }
.deg-brand-mark { width:34px; height:34px; padding:3px; border-radius:11px; background:#fff; }
.deg-brand-copy { gap:1px; }
.deg-brand-copy small { font-size:8px; font-weight:650; letter-spacing:1.3px; }
.deg-brand-copy strong { font-size:17px; letter-spacing:-.45px; font-weight:650; }
.deg-top-actions { gap:10px; }
.deg-status { border:0; padding:0 8px; background:none; color:#81948c; font-size:11px; }
.deg-crm-link { font-size:11px; font-weight:600; border-radius:10px; padding:9px 13px; border-color:#e1eae6; box-shadow:0 1px 2px #18313004; }
.deg-help { width:31px; height:31px; font-size:13px; border-color:#e1eae6; }
.deg-team-trigger { display:flex; align-items:center; gap:8px; border:0; background:transparent; color:#385654; padding:8px 10px; border-radius:10px; font-size:12px; cursor:pointer; }
.deg-team-trigger:hover { background:#eaf3ef; }
.deg-team-count { display:grid; place-items:center; min-width:19px; height:19px; border-radius:6px; background:#e3f7f2; color:#087a68; font-size:10px; font-weight:650; }
body.deg-workspace #layout { top:64px; height:calc(100% - 64px); }
body.deg-workspace #layout-menu { background:#f3f8f5; border-right:1px solid #e5eeea; color:#59736b; }
#layout-menu #logo { display:none; }
#layout-menu .popover-header { background:transparent; }
#taskmenu a { color:#6a837b !important; border-radius:12px; margin:4px 7px; padding:12px 4px; box-shadow:none !important; font-weight:450; }
#taskmenu a.selected { background:#e0f0e9 !important; color:#087a68 !important; box-shadow:none !important; }
#taskmenu a:hover { color:#087a68 !important; background:#e9f2ed !important; }
#taskmenu a .inner { font-size:10px; font-weight:500; }
#taskmenu a:before { content:"" !important; display:block; width:21px; height:21px; margin:0 auto 6px; background:currentColor; mask-position:center; mask-repeat:no-repeat; mask-size:21px; }
#taskmenu a.mail:before { mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='3'/%3E%3Cpath d='m4 7 8 6 8-6'/%3E%3C/svg%3E"); }
#taskmenu a.contacts:before { mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round'%3E%3Ccircle cx='9' cy='8' r='3'/%3E%3Cpath d='M3 20v-2a6 6 0 0 1 12 0v2m2-16a3 3 0 0 1 0 6m1 4a5 5 0 0 1 3 4v2'/%3E%3C/svg%3E"); }
#taskmenu a.settings:before { mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M5 4v16m7-16v16m7-16v16'/%3E%3Ccircle cx='5' cy='9' r='2' fill='white'/%3E%3Ccircle cx='12' cy='15' r='2' fill='white'/%3E%3Ccircle cx='19' cy='7' r='2' fill='white'/%3E%3C/svg%3E"); }
#taskmenu a.about:before { mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M9.5 8.5a2.5 2.5 0 0 1 5 0c0 2-2.5 2-2.5 4m0 3.5h.01'/%3E%3C/svg%3E"); }
#taskmenu a.logout:before { mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 5H5v14h4m-1-7h13m-4-4 4 4-4 4'/%3E%3C/svg%3E"); }
#taskmenu .special-buttons { background:transparent; border-top:1px solid #e5eeea; }
#layout-sidebar { background:#f7faf9; border-right-color:#e5eeea; }
.deg-compose { min-height:44px; padding:10px 15px; margin:18px 16px 14px; background:#087a68; border-color:#087a68; border-radius:12px; font-size:12px; font-weight:550; box-shadow:0 4px 10px #087a680b; }
.deg-compose:hover { background:#066c5b; border-color:#066c5b; }
.deg-compose:before { font-size:17px; font-weight:400; margin-right:9px; color:#fff; }
#layout-sidebar>.header { min-height:58px; padding:0 18px; border:0; gap:10px; }
.deg-account-avatar { display:grid; place-items:center; flex-shrink:0; width:32px; height:32px; border:1px solid #dcebe4; border-radius:11px; background:#eaf3ee; color:#385d50; font-size:11px; font-weight:650; }
#layout-sidebar .username { display:flex; flex-direction:column; gap:3px; min-width:0; padding:0; font-size:10px; line-height:1.4; color:#84978e; text-align:left; font-weight:400; }
.deg-account-name { font-size:12px; font-weight:600; color:#385654; }
.deg-account-email { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:150px; font-size:10px; color:#587067; }
.deg-folder-label { padding:14px 22px 9px; font-size:10px; font-weight:550; text-transform:none; letter-spacing:.1px; color:#8a9d94; }
#mailboxlist { padding:0 12px; }
#mailboxlist li a { padding-top:9px; padding-bottom:9px; line-height:20px; border-radius:10px; color:#587067; font-weight:450; font-size:13px; margin-bottom:3px; }
#mailboxlist li a:before { font-size:15px; color:#789387; }
#mailboxlist li.selected>a { background:#e4f2ec !important; color:#087a68 !important; font-weight:600; }
#mailboxlist li.selected>a:before { color:#087a68; }
#layout-sidebar>.footer { background:#f7faf9; border-color:#e5eeea; color:#95a59d; font-size:10px; }
#layout-list { border-right-color:#e5eeea; }
#layout-list>.header,#layout-content>.header { min-height:54px; height:54px; background:#fff; border-color:#e5eeea; }
.toolbar a,.toolbar a:before,.menu a,.header a.button { color:#6e847a; }
.toolbar a { font-size:10px; font-weight:450; border-radius:8px; }
.toolbar a:before { font-size:16px; }
.toolbar a:hover { color:#087a68; background:#f0f7f3; }
.toolbar a.disabled { opacity:.35; }
#layout-list .searchbar { margin:13px 16px 10px; height:39px; border-color:#e5eeea; border-radius:10px; background:#f7faf9; }
#layout-list .searchbar input { height:37px; font-size:12px; font-weight:400; }
#layout-list .searchbar:focus-within { border-color:#89bfb0; box-shadow:0 0 0 3px #087a6809; }
#layout-list .searchbar a:before { font-size:15px; }
.messagelist tr td.subject { padding:14px 17px !important; border-color:#edf3f1 !important; }
.messagelist tr .fromto { font-size:12px; color:#587067; font-weight:400; }
.messagelist tr .date { font-size:11px; color:#6a837b; }
.messagelist tr .subject a { color:#385654; font-size:13px; line-height:1.8; font-weight:450; }
.messagelist tr.unread .subject a { color:#183130; font-weight:600; }
.messagelist tr.selected td { background:#f0f8f4 !important; }
.messagelist tr.selected td.subject { box-shadow:inset 2px 0 #00b69d; }
.messagelist tr:hover td { background:#f8fbf9; }
#layout-list>.footer { background:#fff; border-color:#e5eeea; font-size:10px; color:#8c9e95; }
#layout-content { background:#fff; }
#message-header { padding:24px 30px 16px; }
#message-header .subject { font-size:23px; font-weight:600; letter-spacing:-.7px; }
#messagebody { padding:22px 30px; font-size:14px; line-height:1.75; }
#compose-content { background:#fff; }
#compose-headers { padding:18px 22px 10px; }
#compose-headers .form-control,#compose-headers .custom-select { font-size:12px; min-height:37px; border:1px solid #e5eeea; border-radius:10px; box-shadow:none; }
#compose-headers label { color:#789086; font-size:11px; font-weight:450; }
.tox-tinymce { border-color:#e5eeea !important; border-radius:11px !important; }
.btn-primary { background:#087a68 !important; border-color:#087a68 !important; border-radius:10px; font-weight:550; }
.form-control,.custom-select { border-color:#e5eeea; border-radius:10px; }
.deg-team-dialog { padding:28px; width:min(720px,calc(100% - 32px)); max-height:calc(100vh - 48px); border:1px solid #dce7e4; border-radius:20px; color:#183130; background:#fff; box-shadow:0 24px 100px #11322e20; }
.deg-team-dialog::backdrop { background:#18313035; backdrop-filter:blur(4px); }
.deg-team-dialog-head { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:24px; }
.deg-team-dialog h2 { font-size:23px; font-weight:600; letter-spacing:-.7px; margin:0 0 6px; }
.deg-team-dialog-head p { margin:0; color:#81948a; font-size:12px; }
.deg-team-close { width:32px; height:32px; border:1px solid #e5eeea; border-radius:10px; background:#fff; color:#6e847a; font-size:20px; cursor:pointer; }
.deg-team-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.deg-person { padding:17px; border:1px solid #e5eeea; border-radius:14px; background:#fbfdfc; display:flex; gap:12px; align-items:flex-start; }
.deg-person-avatar { display:grid; place-items:center; flex-shrink:0; width:35px; height:35px; border-radius:11px; background:#e3f7f2; color:#087a68; font-size:11px; font-weight:600; }
.deg-person-copy { min-width:0; }
.deg-person-name { display:block; margin-bottom:3px; font-size:13px; font-weight:600; }
.deg-person-role { display:block; font-size:12px; line-height:1.5; color:#587067; min-height:36px; margin-bottom:8px; }
.deg-person-mail,.deg-person-phone { display:block; font-size:11px; line-height:1.8; color:#587067; text-decoration:none; overflow-wrap:anywhere; }
.deg-person-mail { color:#087a68; }
.deg-person-write { display:inline-flex; margin-top:10px; padding:5px 9px; font-size:10px; border:1px solid #dce7e4; border-radius:7px; text-decoration:none !important; color:#087a68; background:#fff; }
.deg-person-write:hover { background:#e3f7f2; }
.deg-team-bottom { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; margin-top:20px; padding-top:18px; border-top:1px solid #e5eeea; font-size:11px; }
.deg-team-bottom a { text-decoration:none; }
.deg-team-whatsapp { color:#81948a; font-size:10px; }
.deg-help-dialog { border-radius:18px; box-shadow:0 24px 90px #11322e20; }
.deg-help-dialog h2 { font-size:22px; font-weight:600; letter-spacing:-.5px; }
button:focus-visible,a:focus-visible,input:focus-visible { outline:2px solid #036e76 !important; outline-offset:3px; }
@media(min-width:1025px) {
  #layout-menu { width:72px !important; }
  #layout-menu .popover-header { display:none; }
  #layout-sidebar { width:236px !important; min-width:220px; }
  #layout-list { width:370px; min-width:300px; }
  #taskmenu { padding-top:16px; }
  #taskmenu a { padding:12px 4px; }
  #layout-content>.header .toolbar a { font-size:10px; }
}
@media(max-width:1024px) {
  .deg-topbar { height:60px; padding:0 16px; }
  body.deg-workspace #layout { top:60px; height:calc(100% - 60px); }
  .deg-brand-copy strong { font-size:16px; }
  .deg-brand-copy small { font-size:7px; }
  .deg-team-trigger { font-size:11px; }
}
@media(max-width:840px) { .deg-status { display:none; } }
@media(max-width:580px) {
  .deg-topbar { height:58px; min-height:58px; flex-wrap:nowrap; padding:0 12px; gap:8px; }
  body.deg-workspace #layout { top:58px; height:calc(100% - 58px); }
  .deg-brand-mark { width:30px; height:30px; }
  .deg-brand-copy strong { font-size:15px; }
  .deg-brand-copy small { font-size:6px; letter-spacing:.7px; }
  .deg-top-actions { gap:4px; }
  .deg-team-trigger { padding:7px; font-size:10px; }
  .deg-team-count { display:none; }
  .deg-crm-link { font-size:10px; padding:7px 9px; }
  .deg-help { display:none; }
  .deg-team-dialog { padding:20px; }
  .deg-team-grid { grid-template-columns:1fr; }
  .deg-person-role { min-height:0; }
  #message-header { padding:18px; }
  #message-header .subject { font-size:20px; }
  #messagebody { padding:18px; }
}
@media(prefers-reduced-motion:reduce) { * { transition:none !important; animation:none !important; } }

/* Gmail-inspired density, clear reading hierarchy and quiet compose chrome.
   UI only: never rewrite received HTML, quoted signatures or draft contents. */
body.deg-workspace { background:#f6f8fc; color:#202124; }
.deg-topbar { background:#f6f8fc; border-bottom:0; }
#layout-menu,#layout-sidebar { background:#f6f8fc !important; border-right:0 !important; }
#taskmenu a { border-radius:16px; }
.deg-compose { background:#d3eee7; color:#123e35; border-color:transparent; border-radius:16px; min-height:52px; font-size:14px; box-shadow:none; }
.deg-compose:before { color:#123e35; }
.deg-compose:hover { background:#c3e6dc; border-color:transparent; }
#mailboxlist { padding:0 8px; }
#mailboxlist li a { border-radius:0 20px 20px 0; padding-top:6px; padding-bottom:6px; color:#444746; }
#mailboxlist li.selected>a { background:#d3eee7 !important; color:#123e35 !important; }
#layout-list,#layout-content { background:white; }
#layout-list>.header,#layout-content>.header { background:#fff; height:48px; min-height:48px; }
.toolbar a { font-size:11px; color:#444746; }
#layout-list .searchbar { background:#eef3f7; border:0; border-radius:24px; height:44px; margin:12px; }
#layout-list .searchbar input { font-size:14px; height:42px; }
.messagelist tr td.subject { padding:10px 16px !important; }
.messagelist tr .fromto { color:#444746; font-size:13px; }
.messagelist tr .subject a { color:#202124; font-size:14px; line-height:1.5; }
.messagelist tr.selected td { background:#e6f3ed !important; }
#message-header .subject { font-size:24px; font-weight:400; letter-spacing:0; }
#messagebody { color:#202124; font-size:14px; line-height:1.6; }
#messagebody blockquote { background:#f8fafb !important; color:#444746 !important; border-left:2px solid #d0d7de !important; padding:8px 14px; margin:12px 0; }
#compose-headers { padding:12px 24px; }
#compose-headers .form-control,#compose-headers .custom-select { border-radius:0; border-width:0 0 1px; font-size:14px; min-height:40px; background:#fff; }
#compose-headers label { font-size:13px; color:#5f6368; }
.tox-tinymce { border:1px solid #e8eaed !important; border-radius:8px !important; box-shadow:none !important; }
.tox .tox-toolbar,.tox .tox-toolbar__primary,.tox .tox-toolbar__overflow,.tox .tox-toolbar-overlord { background:#f8fafd !important; }
.tox .tox-tbtn { border-radius:6px !important; }
#compose-content .btn-primary { border-radius:20px; padding:9px 24px; font-size:14px; }
@media(min-width:1025px) { #layout-sidebar { width:224px !important; } #layout-list { width:360px; } }