:root{--hdc-nav-height:58px}
body.hdc-unified{padding-top:var(--hdc-nav-height)!important}
body.hdc-unified .gantt-fullscreen{top:var(--hdc-nav-height)!important;bottom:0!important;height:calc(100vh - var(--hdc-nav-height))!important;height:calc(100dvh - var(--hdc-nav-height))!important}
#hdc-unified-nav{position:fixed;inset:0 0 auto;z-index:45;min-height:62px;box-sizing:border-box;display:flex;align-items:center;flex-wrap:wrap;gap:8px 24px;margin:0;padding:8px 24px;background:#fff;color:#202020;border-bottom:2px solid #f57b22;box-shadow:0 2px 8px #17171712;font:14px Arial,sans-serif}
#hdc-unified-nav a{color:#333;text-decoration:none}#hdc-unified-nav .hdc-nav-brand{display:flex;align-items:center;gap:12px;flex-shrink:0;padding:0;background:transparent}#hdc-unified-nav .hdc-nav-brand img{width:54px;height:40px;object-fit:contain;background:white}#hdc-unified-nav .hdc-nav-brand-copy{display:grid;gap:3px}#hdc-unified-nav strong{font-size:14px;color:#171717}#hdc-unified-nav small{font-size:10px;color:#737373}#hdc-unified-nav .hdc-nav-links{display:flex;flex-wrap:wrap;align-items:center;gap:8px}#hdc-unified-nav .hdc-nav-links a{display:block;white-space:nowrap;padding:9px 12px;border-radius:6px;border:1px solid transparent;font-weight:500}#hdc-unified-nav .hdc-nav-links a:hover{background:#fff4eb;color:#9b420a}#hdc-unified-nav .hdc-nav-links a[aria-current=page]{background:#fff0e5;border-color:#f5c4a0;color:#a14308;font-weight:bold}#hdc-unified-nav a:focus-visible{outline:2px solid #d95d0b;outline-offset:3px}#hdc-current-member{margin-left:auto;font-size:12px;color:#4c4c4c}
body.hdc-unified{--primary:#e56b13;--primary-foreground:#fff;--ring:#ee7b29;font-family:Arial,Helvetica,sans-serif}body.hdc-unified .primary{background:#e56b13;color:white;border-color:#d7600e}body.hdc-unified .primary:hover{background:#ce5909}body.hdc-unified .auth-link{color:#6b3715;border-color:#dec5b4}body.hdc-unified .topbar{border-bottom-color:#e6dfd9}body.hdc-unified .brandtext{color:#222}body.hdc-unified .brandtext small{color:#8a7261}
@media(max-width:900px){#hdc-unified-nav{gap:8px 14px;padding:8px 14px}#hdc-unified-nav .hdc-nav-brand-copy small{display:none}}@media(max-width:640px){#hdc-unified-nav{min-height:52px;gap:4px 8px;padding:5px 8px;font-size:12px}#hdc-unified-nav .hdc-nav-brand img{width:44px;height:32px}#hdc-unified-nav .hdc-nav-brand-copy{display:none}#hdc-unified-nav .hdc-nav-links{gap:2px}#hdc-unified-nav .hdc-nav-links a{padding:8px 6px}#hdc-current-member{display:none}}
@media print{#hdc-unified-nav{display:none!important}body.hdc-unified{padding-top:0!important}body.hdc-unified .gantt-fullscreen{top:0!important;height:auto!important}}
.hdc-project-chat{position:absolute;right:38px;top:50%;transform:translateY(-50%);display:flex;gap:2px;z-index:3}.hdc-project-chat button{padding:2px 5px!important;font:11px Arial!important;line-height:16px!important;color:#91410d!important;background:#fff7ef!important;border:1px solid #c6a58a!important;border-radius:3px!important;height:22px!important;min-height:0!important;min-width:0!important}.project-row .has-row-menu .row-open{padding-right:116px!important}.hdc-join-nav{font:12px Arial;padding:7px 9px;background:#fff4eb;border:1px solid #e5b996;border-radius:5px;color:#8d3b08}.hdc-chat-dialog{padding:0;border:1px solid #d6c6b8;border-radius:10px;max-width:560px;width:calc(100vw - 32px);max-height:85dvh;color:#222;background:white;font:14px Arial;z-index:100}.hdc-chat-dialog::backdrop{background:#0007}.hdc-chat-dialog header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:2px solid #e56b13}.hdc-chat-dialog h2{font-size:17px;margin:0}.hdc-chat-dialog header button{font-size:24px;border:0;background:transparent}.hdc-chat-body{padding:16px;overflow:auto;max-height:65dvh}.hdc-chat-body label{display:grid;gap:7px;margin:12px 0}.hdc-chat-body input,.hdc-chat-body select{font:14px Arial;padding:9px;border:1px solid #cfc6bf;border-radius:5px;width:100%;box-sizing:border-box}.hdc-chat-body p{line-height:1.5}.hdc-chat-body button{font:13px Arial;padding:8px 12px;margin:4px;border:1px solid #d9b899;border-radius:5px;background:#fff2e7;color:#8a3c0c}.hdc-chat-body button:disabled{opacity:.5}.hdc-chat-body a{color:#a34609}.hdc-chat-error{color:#a62d1d}.hdc-join-request{border-bottom:1px solid #ddd;padding:12px 0}.hdc-chat-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}@media print{.hdc-project-chat,.hdc-join-nav,.hdc-chat-dialog{display:none!important}.project-row .has-row-menu .row-open{padding-right:45px!important}}
.hdc-project-highlight>.ganttlabel{box-shadow:inset 0 0 0 2px #ed771b!important}.conversation-header #openProjectGantt{background:#fff0e2;color:#93410b;border:1px solid #e7b58e}.conversation-header #openProjectGantt:disabled{background:#eee;color:#999;border-color:#ddd;opacity:.65;cursor:not-allowed}
.hdc-project-chat [data-chat]{position:relative;overflow:visible!important}.hdc-project-chat .hdc-chat-unread{position:absolute;top:-8px;right:-7px;z-index:4;box-sizing:border-box;min-width:17px;height:17px;line-height:15px;padding:0 4px;border:1px solid white;border-radius:9px;background:#e43c48;color:#fff;font:bold 10px Arial;text-align:center;pointer-events:none}.hdc-project-chat [data-chat]:has(.hdc-chat-unread){margin-right:4px}
/* Shared brand/header styling for Gantt and Inbox. */
body.hdc-unified{--hdc-heading-size:22px;--hdc-subtitle-size:12px;--hdc-header-bg:#f8faff;--hdc-header-ink:#132039;font-family:Arial,Helvetica,sans-serif;font-size:14px}
body.hdc-unified button,body.hdc-unified input,body.hdc-unified select,body.hdc-unified textarea{font-family:Arial,Helvetica,sans-serif}
body.hdc-unified .gantt-toolbar,body.hdc-unified header.hdc-inbox-header:has(#inboxHeaderTools>nav){background:var(--hdc-header-bg);color:var(--hdc-header-ink);padding:12px 22px;min-height:84px;gap:16px;border-bottom:1px solid #dae3f0}
body.hdc-unified .gantt-toolbar .hdc-gantt-brand,body.hdc-unified .hdc-inbox-header:has(#inboxHeaderTools>nav) .hdc-inbox-brand{display:flex;align-items:center;gap:12px;flex:0 1 285px;min-width:220px}
body.hdc-unified .gantt-toolbar .hdc-gantt-brand>img,body.hdc-unified .hdc-inbox-header:has(#inboxHeaderTools>nav) .hdc-inbox-brand>img{width:62px;height:46px;object-fit:contain;flex-shrink:0}
body.hdc-unified .hdc-inbox-header:has(#inboxHeaderTools>nav) .hdc-inbox-brand>div{border-left:0;padding-left:0;min-width:0}
body.hdc-unified .gantt-toolbar h1,body.hdc-unified .hdc-inbox-header:has(#inboxHeaderTools>nav) .hdc-inbox-brand h1{font-family:Arial,Helvetica,sans-serif;font-size:var(--hdc-heading-size);font-weight:700;line-height:1.25;letter-spacing:0;margin:0;color:var(--hdc-header-ink)}
body.hdc-unified .gantt-toolbar .hdc-gantt-brand p,body.hdc-unified .hdc-inbox-header:has(#inboxHeaderTools>nav) .hdc-inbox-brand p{font-family:Arial,Helvetica,sans-serif;font-size:var(--hdc-subtitle-size);line-height:1.4;letter-spacing:0;color:#748095;margin:5px 0 0}
body.hdc-unified .gantt-tools button,body.hdc-unified .gantt-tools [role=combobox],body.hdc-unified .hdc-inbox-toolbar-host button,body.hdc-unified .hdc-inbox-toolbar-host select{font-family:Arial,Helvetica,sans-serif;font-size:12px;line-height:1.3}
@media(max-width:1000px){body.hdc-unified .gantt-toolbar,body.hdc-unified header.hdc-inbox-header:has(#inboxHeaderTools>nav){padding:8px 12px;gap:8px 12px}body.hdc-unified .hdc-inbox-header:has(#inboxHeaderTools>nav) .hdc-inbox-brand{flex:1 1 220px}}
@media(max-width:640px){body.hdc-unified{--hdc-heading-size:16px;--hdc-subtitle-size:11px}body.hdc-unified .gantt-toolbar .hdc-gantt-brand,body.hdc-unified .hdc-inbox-header:has(#inboxHeaderTools>nav) .hdc-inbox-brand{min-width:0}body.hdc-unified .gantt-toolbar .hdc-gantt-brand>img,body.hdc-unified .hdc-inbox-header:has(#inboxHeaderTools>nav) .hdc-inbox-brand>img{width:48px;height:36px}}

/* HDC VPS project-name R1: reserve only the actual status icon width. */
@media screen {
 .compact-gantt .project-toggle>span:not(.gantt-status-badges){flex:1 1 0%;min-width:0}
 .compact-gantt .project-toggle>.gantt-status-badges{flex:0 0 auto;min-width:0;max-width:none}
 .compact-gantt .project-toggle>.gantt-status-badges:empty{display:none}
 .compact-gantt .project-toggle>span:not(.gantt-status-badges)>b{width:auto;max-width:none;flex:1 1 auto;min-width:0}
}