/* DHN Hub 0.8.3 — Design system global com respiro, inspirado nas referências Edmate.
   Somente apresentação: todos os fluxos, IDs, ações e vínculos são preservados. */
:root{
  --nav:#182131;--nav2:#34415a;--bg:#f3f6fb;--ink:#202b3e;
  --muted:#748199;--line:#e1e8f1;--yellow:#edc650;
  --h83-blue:#5e7df0;--h83-soft:#f7f9fd;--h83-shadow:0 7px 25px rgba(31,53,88,.055);
  --h83-radius:18px;
}
body{background:var(--bg);color:var(--ink);line-height:1.55;-webkit-font-smoothing:antialiased}
/* Sidebar: Edmate-like navigation — breathing room, icon tiles, active item, fixed footer. */
.side.hub074-side{width:274px;background:#171e2c;padding:18px 13px calc(23px + env(safe-area-inset-bottom,0px));gap:12px;border-right:1px solid #273146;box-shadow:4px 0 20px #131c2811}
.hub074-side-head{min-height:54px;gap:12px;padding:3px 6px 9px;border-bottom:1px solid #ffffff13}
.hub074-side .brand.hub074-brand{font-size:20px;gap:12px;letter-spacing:-.7px;margin:0;line-height:1.2}
.hub074-brand-mark,.hub074-brand-mark.hub075-has-logo{width:39px!important;height:39px!important;flex:0 0 39px!important;display:grid;place-items:center}
.hub074-brand-mark.hub075-has-logo img{width:100%!important;height:100%!important;max-height:39px!important;max-width:39px!important;object-fit:contain!important;background:transparent!important}
.hub074-brand-label{font-weight:820}
.hub074-toggle{min-width:34px;min-height:34px;width:34px;height:34px;border:1px solid #ffffff15;background:#ffffff08;border-radius:10px;color:#b5c5dc}
.hub074-toggle:hover{background:#ffffff16;border-color:#ffffff24}
.hub074-side .hub074-links{gap:8px;padding:11px 1px 15px;scrollbar-color:#43526c transparent}
.hub074-nav-section>summary{padding:15px 13px 8px;font-size:10px;font-weight:800;letter-spacing:1.25px;color:#93a4bd;line-height:1.5}
.hub074-nav-section>summary:hover{color:#f3f6ff}
.hub074-nav-items{gap:4px;padding:3px 0 10px}
.hub074-side .hub074-nav-items>a,
body.hub074-collapsed .hub074-side .hub074-nav-items>a{min-height:45px;gap:12px;padding:10px 12px;border-radius:11px;border:1px solid transparent;font-size:13px;font-weight:570;color:#b6c1d2;transition:background .18s ease,color .18s ease,border-color .18s ease}
.hub074-side .hub074-nav-items>a>.hub053-svg{width:19px;height:19px;color:#9fafc7;transition:color .18s ease}
.hub074-side .hub074-nav-items>a:hover{background:#ffffff12;color:white}
.hub074-side .hub074-nav-items>a:hover>.hub053-svg{color:#d6e0f5}
.hub074-side .hub074-nav-items>a.active,
body.hub074-collapsed .hub074-side .hub074-nav-items>a.active{background:#33415b;border:1px solid #415575;box-shadow:inset 3px 0 0 var(--yellow);padding-left:12px;color:#fff;font-weight:780}
.hub074-side .hub074-nav-items>a.active>.hub053-svg{color:#f3d16c}
.hub074-nav-items.hub074-planned>a{color:#8392a8}
.hub074-side-bottom{border-top:1px solid #ffffff20;margin-top:0;padding:16px 3px 0}
.hub074-account-link{background:#ffffff0b;border:1px solid #ffffff11;border-radius:13px;padding:10px;min-height:60px;gap:11px}
.hub074-account-link:hover{background:#ffffff17;border-color:#ffffff23}
.hub074-account-avatar{border-radius:12px;width:39px;height:39px;min-width:39px;background:#334561}
.hub074-account-meta strong{font-size:12px;color:#eef2f8}.hub074-account-meta small{font-size:10px;color:#acb9ca}
body.hub074-collapsed .side.hub074-side{width:78px;padding:16px 8px calc(23px + env(safe-area-inset-bottom,0px))}
body.hub074-collapsed .hub074-side-head{gap:7px;min-height:75px;padding:0 0 12px}
body.hub074-collapsed .hub074-side .brand.hub074-brand{margin:0 auto}
body.hub074-collapsed .hub074-side .hub074-nav-items>a,
body.hub074-collapsed .hub074-side .hub074-nav-items>a.active{justify-content:center;padding:10px 0;min-height:46px}
body.hub074-collapsed .hub074-side-bottom{padding:12px 0 0}
body.hub074-collapsed .hub074-account-link{padding:7px 4px}
/* Content and header — one continuous app, cards use consistent surfaces. */
.top{min-height:82px;padding:15px clamp(20px,2.4vw,35px);border-color:var(--line);box-shadow:0 1px 4px #23314e08}
.top .top-left>span strong{font-size:14.5px;color:#29354a}
.top .top-left small{font-size:11.5px;color:#8995a6}
.top-right{gap:11px}
.ws-switch select{min-height:42px;border-radius:11px;background:#fff;border-color:var(--line)}
.version{background:#fff6d8;border:1px solid #f0e6c3;border-radius:18px}
.signout{min-height:41px;border-color:var(--line);border-radius:11px;font-weight:700}
.content{max-width:1640px;padding:clamp(21px,2.8vw,40px) clamp(18px,2.8vw,43px) 72px;margin:auto}
.content h1{letter-spacing:-1.2px;font-weight:820}
.content .lead{line-height:1.8;font-size:14.5px;max-width:920px;margin-bottom:29px}
.content .eyebrow{font-size:10.5px;letter-spacing:1.55px}
.content .panel,.content .metric,
.content .hub082-tasks,.content .hub082-calendar,.content .hub082-task-detail,
.content .hub082-org-panel{border:1px solid var(--line);border-radius:var(--h83-radius);box-shadow:var(--h83-shadow);background:#fff}
.content .panel{padding:clamp(20px,2vw,29px)}
.content .panel h2{font-size:20px;letter-spacing:-.55px;margin-bottom:21px}
.content .panel h3{line-height:1.5}
.content .metric{min-height:156px;padding:23px 24px;gap:10px}
.content .metric strong{line-height:1.15}
.content .metric-grid{gap:18px;margin:25px 0 30px}
.content .split{gap:23px;margin:24px 0}
.content .list-line{padding:19px 2px;gap:18px;line-height:1.6}
.content .list-line b{font-size:13.5px;line-height:1.55}
.content .list-line small{line-height:1.7;margin-top:7px;font-size:12px}
.content .activity{padding:17px 0;line-height:1.55}
.content .notice{padding:19px 21px;border-radius:14px;line-height:1.7}
.content .message{padding:17px 20px;border-radius:13px;line-height:1.6}
/* Forms, drawers, modals: less cramped, consistent 42px+ hit targets. */
.content label{line-height:1.5}
.content input:not([type=checkbox]):not([type=radio]),.content select,.content textarea{border-radius:11px;min-height:43px;line-height:1.5}
.content textarea{min-height:88px}
.content .field-grid{column-gap:20px;row-gap:13px}
.content .delivery-editor{border-radius:14px;padding:24px;margin-top:24px}
.primary,.secondary,.signout{border-radius:11px;min-height:42px;line-height:1.35}
button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #8aa3eb;outline-offset:2px}
.hub070-exit-dialog,.hub073-delete-dialog,.hub079-confirm-delete{padding:28px 29px;border-radius:19px;box-shadow:0 24px 75px #121b2c38}
.hub070-exit-dialog h3,.hub073-delete-dialog h2{letter-spacing:-.4px}
.hub070-dialog-actions,.hub079-dialog-actions,.hub073-delete-actions{gap:12px}
.hub070-dialog-actions button,.hub079-dialog-actions button,.hub073-delete-actions button{min-height:43px;border-radius:10px}
.hub053-drawer-body,.hub070-drawer-body{line-height:1.65}
/* Home tasks (requested roomy cards), preserving a dense overview. */
.content .hub082-hero{border-radius:20px;min-height:232px;padding:33px 38px;box-shadow:0 10px 30px #324a8321}
.content .hub082-hero-illustration{margin-bottom:-33px}
.content .hub082-statgrid{gap:16px;margin:22px 0 27px}
.content .hub082-stat{min-height:89px;padding:18px 17px;gap:13px;border-radius:15px}
.content .hub082-stat-icon{width:44px;height:44px;border-radius:12px}
.content .hub082-stat strong{font-size:24px}
.content .hub082-stat small{font-size:11.5px}
.content .hub082-body{gap:23px}
.content .hub082-tasks{padding:28px 27px 31px}
.content .hub082-section-top{margin-bottom:21px}
.content .hub082-section-top h2{font-size:24px}
.content .hub082-section-top p{font-size:12.5px}
.content .hub082-tabs{gap:6px;margin-bottom:22px;padding-bottom:14px}
.content .hub082-tabs a{font-size:12.5px;padding:10px 13px;min-height:41px;border-radius:10px}
.content .hub082-task-form{margin-bottom:26px;padding:16px 17px;border-radius:13px}
.content .hub082-task-form .hub080-quick-first input{font-size:13px;min-height:41px}
.content .hub082-task-form .hub080-quick-first button.primary{min-height:41px;height:41px}
.content .hub082-group-heading{padding:7px 1px 13px}
.content .hub082-group-heading h3{font-size:14px}
.content .hub082-task-group+.hub082-task-group{margin-top:26px}
.content .hub082-work-item{min-height:94px;gap:15px;padding:18px 20px;margin-bottom:12px;border-radius:15px;line-height:1.5}
.content .hub082-work-item .hub080-icon-action{width:36px;height:36px}
.content .hub082-type-icon{width:42px;height:42px;border-radius:12px}
.content .hub082-work-title{gap:7px;padding:4px 0}
.content .hub082-work-title strong{font-size:14px;line-height:1.45;font-weight:780}
.content .hub082-work-title small{font-size:11.8px;line-height:1.5}
.content .hub082-linked-context{font-size:11.6px!important;line-height:1.5}
.content .hub082-money{font-size:12.5px}
.content .hub082-step-count{font-size:11px;padding:6px 9px}
.content .hub082-more{margin-top:22px;font-size:12.5px}
.content .hub082-calendar,.content .hub082-task-detail{padding:24px 21px}
.content .hub082-side{gap:20px}
.content .hub082-side-header h2{font-size:18px}
.content .hub082-event{padding:13px 12px;margin-bottom:10px;border-radius:12px;gap:11px}
.content .hub082-event strong{font-size:12px}
.content .hub082-event small{font-size:11px}
.content .hub082-view-events{min-height:44px;font-size:12px}
.content .hub082-task-detail h3{font-size:14px}
.content .hub082-task-detail p{font-size:12px}
/* Kanban: actual tiles, not compressed columns. */
.content .hub079-board{gap:18px;grid-auto-columns:minmax(235px,1fr);padding-bottom:22px}
.content .hub079-lane{border-radius:17px;padding:17px;min-height:230px;background:#f0f4fa}
.content .hub079-lane-header{margin-bottom:16px}
.content .hub079-lane-items{gap:13px}
.content .hub079-kanban-card{padding:18px;border-radius:13px;box-shadow:0 5px 15px #1729400a}
.content .hub079-card-link{gap:9px}
.content .hub079-card-link strong{font-size:13.5px;line-height:1.5}
.content .hub079-card-link>span{font-size:11.5px}
.content .hub079-card-meta{padding-top:14px;gap:9px}
.content .hub082-project-toolbar{gap:20px;margin:29px 0 18px}
/* Organization CRM and other modules */
.content .hub082-org-layout{margin:24px 0}
.content .hub082-org-layout>.hub082-org-panel{padding:27px}
.content .hub082-org-grid{gap:22px}
.content .hub082-org-card{border-radius:17px;box-shadow:var(--h83-shadow)}
.content .hub082-org-banner{height:86px}
.content .hub082-org-avatar{top:51px;width:62px;height:62px}
.content .hub082-org-content{padding:36px 23px 23px}
.content .hub082-org-content h3{font-size:16px;margin-bottom:8px;min-height:48px}
.content .hub082-org-code{font-size:11.5px;margin-bottom:19px}
.content .hub082-org-numbers{padding:17px 0;gap:16px;font-size:11.5px}
.content .hub082-org-actions{padding-top:17px;gap:9px}
.content .hub082-org-actions button{min-height:39px!important;padding:9px 12px!important;font-size:11px!important}
.content .hub082-org-search{height:50px;margin-bottom:24px}
.content .hub054-kpis{gap:16px;margin:24px 0 16px}
.content .hub054-kpi{padding:20px 21px;border-radius:15px;gap:8px}
.content .hub054-group{margin-top:23px}
.content .hub053-row{padding-block:13px}
/* Preserve larger touch areas and avoid horizontal overflow on mobile. */
@media (max-width:1280px){
  .side.hub074-side{width:252px}
  .content .hub082-statgrid{gap:11px}
  .content .hub082-body{gap:16px}
}
@media(max-width:1050px){
  .content .hub082-body{grid-template-columns:1fr}
  .content .hub082-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .content .hub082-org-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .side.hub074-side,body.hub074-collapsed .side.hub074-side{width:min(290px,86vw);padding:16px 12px calc(28px + env(safe-area-inset-bottom,0px))}
  .hub074-side-head{min-height:48px}
  .content{padding:20px 16px 55px}
  .top{min-height:68px;padding:13px 16px}
  .content .hub082-hero{padding:24px}
  .content .hub082-statgrid{gap:11px}
  .content .hub082-stat{padding:14px;min-height:79px}
  .content .hub082-org-layout>.hub082-org-panel{padding:17px}
  .content .hub082-org-grid{gap:14px}
}
@media(max-width:550px){
  .content .hub082-hero{padding:22px;min-height:225px}
  .content .hub082-statgrid{gap:10px}
  .content .hub082-stat{padding:13px;min-height:78px}
  .content .hub082-tasks{padding:19px 15px 23px}
  .content .hub082-work-item{padding:14px 12px;gap:10px;min-height:85px;margin-bottom:10px}
  .content .hub082-work-title strong{font-size:12.5px}
  .content .hub082-work-title small{font-size:10.8px}
  .content .hub082-linked-context{font-size:10.4px!important}
  .content .hub082-type-icon{width:34px;height:34px;border-radius:9px}
  .content .hub082-money{font-size:11px}
  .content .hub082-step-count{font-size:10px}
  .content .hub082-calendar,.content .hub082-task-detail{padding:21px 17px}
  .content .hub082-side{grid-template-columns:1fr}
  .content .hub082-tabs a{padding:9px;font-size:11px}
  .content .hub082-org-grid{grid-template-columns:1fr}
  .content .panel{padding:19px}
  .content .list-line{padding:16px 0}
}
@media(max-width:390px){
  .content .hub082-work-item{gap:7px;padding:13px 10px}
  .content .hub082-step-count{padding:4px 5px}
  .content .hub082-work-title strong{font-size:12px}
}
@media(prefers-reduced-motion:reduce){
  .hub074-side .hub074-nav-items>a,.hub074-side .hub074-nav-items>a>.hub053-svg{transition:none}
}