/* HULA V13 workspaces */
.profile-trigger{background:none;border:0;color:inherit;display:flex;align-items:center;gap:9px;cursor:pointer;padding:5px 8px;border-radius:13px;text-align:right;font:inherit}.profile-trigger:hover,.profile-trigger:focus-visible{background:#1a3441;outline:1px solid #72d5ce}.profile-trigger .avatar{flex-shrink:0}
.workspace-mission{padding:21px 24px;background:linear-gradient(135deg,#16483e,#122f44);border:1px solid #49d6b6;border-radius:18px;color:#d5fff0;font-size:clamp(19px,3vw,26px);font-weight:800;margin:0 0 25px}
.workspace-card{margin-bottom:18px}.workspace-card h2{font-size:23px;margin-bottom:14px}.workspace-card h3{font-size:20px;color:#a8f4e5;margin:8px 0}.workspace-card h4{font-size:17px;margin:19px 0 7px}.workspace-card p{line-height:1.7}.preserve-lines{white-space:pre-wrap}.work-role-grid,.workspace-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}.work-role-grid{margin-top:16px}.work-role-grid ul{padding-right:20px;line-height:1.9}.workspace-compact-list{max-height:430px;overflow-y:auto;display:grid;gap:8px}.workspace-activity,.workspace-report-link{display:grid;gap:4px;text-align:right;background:#0c2133;border:1px solid #274a58;border-radius:11px;padding:12px;color:inherit;width:100%}.workspace-report-link{cursor:pointer;font:inherit}.workspace-report-link:hover{border-color:#6bd5ba}.workspace-activity span,.workspace-activity small,.workspace-report-link span{color:#a4b6c5;font-size:14px}.workspace-autogrow{resize:vertical;min-height:170px;overflow:hidden;line-height:1.8}.work-note-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;flex-wrap:wrap}
.nav-dropdown{position:relative;display:flex;align-items:center}.nav-submenu{display:none;position:absolute;top:95%;right:0;background:#101e31;border:1px solid #365268;min-width:180px;z-index:12;border-radius:12px;box-shadow:0 10px 28px #0008;padding:6px}.nav-dropdown:hover .nav-submenu,.nav-dropdown:focus-within .nav-submenu{display:grid}.nav-submenu button{width:100%;text-align:right;white-space:nowrap}
.workspace-partner-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:17px}.workspace-partner h2{font-size:21px}.workspace-partner p{margin:9px 0;color:#b5cad8}.work-contact{display:flex;flex-wrap:wrap;gap:12px;margin:12px 0 15px;font-size:14px}.work-contact a{color:#9be4ef}.work-toolbar{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.partner-reports{padding:10px 0;display:grid;gap:8px}
.workspace-role-assign{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}.workspace-assignment{display:grid;gap:5px;background:#0e2338;padding:13px;border-radius:12px}.workspace-assignment small{color:#a6b9c8}.workspace-card form{display:grid;gap:14px}.calendar-assignees{border:1px solid #34546a;border-radius:12px;padding:14px}.calendar-assignees legend{padding:0 8px}.workspace-assignee-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:9px}
@media(max-width:860px){.workspace-columns,.work-role-grid{grid-template-columns:1fr}.profile-trigger .avatar{display:grid!important}.nav-dropdown{display:block}.nav-dropdown .nav-submenu{display:grid;position:static;box-shadow:none;background:#0d1c2c;margin:5px 0;min-width:0}.nav-submenu button{min-height:42px}.workspace-partner-grid{grid-template-columns:1fr}}
/* With the additional V13 views, collapse the top navigation earlier on tablets. */
@media (min-width:761px) and (max-width:1150px) {
 .topbar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:9px 12px;position:relative}
 .topbar .brand-button{grid-column:1;grid-row:1;justify-self:start}
 .topbar .mobile-menu-toggle{display:inline-flex;grid-column:2;grid-row:1}
 .topbar .user-chip{grid-column:1/-1;grid-row:2;justify-self:end;display:flex;align-items:center}
 .topbar .nav{display:none;grid-column:1/-1;grid-row:3;width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-height:70vh;overflow-y:auto;border-top:1px solid #364b62;padding-top:14px}
 .topbar.menu-expanded .nav{display:grid}
 .topbar .nav button[data-nav]{min-height:48px;width:100%;border:1px solid #364c65;background:#132338;border-radius:11px;padding:10px;font-size:15px}
 .topbar .nav-install-slot{display:flex;grid-column:1/-1}
}

/* V14: Nortech-inspired hierarchical single-column mobile drawer, original Hula palette. */
.mobile-nav-head,.nav-backdrop{display:none}
.nav-backdrop[hidden]{display:none!important}
.nav-share{display:inline-flex;align-items:center;gap:7px}
.nav-share .icon{width:18px;height:18px}
.header-share{flex-shrink:0}
.nav-caret{margin-inline-start:8px;font-size:19px;line-height:1;opacity:.7}
.quick-install-panel{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0 22px;background:linear-gradient(135deg,#0e353b,#162d41);border:1px solid #43877e;border-radius:16px;padding:16px}
.quick-install-panel strong{font-size:17px}
.quick-install-panel .install-shortcut{flex-shrink:0}
.share-targets{display:grid;gap:10px;border:0;padding:0;margin:16px 0}
.share-targets legend{font-size:16px;font-weight:700;margin-bottom:8px}
.share-target{display:flex;gap:12px;align-items:center;border:1px solid #365467;border-radius:12px;padding:12px;cursor:pointer}
.share-target:has(input:checked){border-color:#74d7bf;background:#18373f}
.share-target input{width:19px;min-height:19px;flex:none;accent-color:#69ecd0}
.share-target small{display:block;color:#b2c7d4;font-size:13px}
.share-url-label{display:block;margin:12px 0 6px;font-size:15px}
.share-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:16px 0 0}
.share-actions .button{flex:1}
body.mobile-nav-open{overflow:hidden}
@media(max-width:1150px){
  .topbar .mobile-menu-toggle{display:inline-flex}
  .nav-backdrop:not([hidden]){display:block;position:fixed;inset:0;background:rgba(2,9,19,.74);z-index:190;border:0;width:100vw;height:100dvh;padding:0;cursor:pointer}
  .topbar .nav,.topbar.menu-expanded .nav{
    position:fixed!important;inset:0 0 0 auto!important;width:min(87vw,390px)!important;height:100dvh!important;max-height:100dvh!important;
    display:none!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;
    background:#0d1b2c!important;border:0!important;border-left:1px solid #385369!important;border-radius:0!important;
    box-shadow:-24px 0 55px rgba(0,0,0,.6)!important;padding:0 0 max(env(safe-area-inset-bottom),22px)!important;
    overflow-x:hidden!important;overflow-y:auto!important;z-index:210!important;gap:0!important;grid-template-columns:none!important;
  }
  .topbar.menu-expanded .nav{display:flex!important}
  .topbar .mobile-nav-head{display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:1;
    background:#101e30;min-height:72px;padding:18px 23px;border-bottom:1px solid #354a60}
  .mobile-nav-head strong{font-size:18px;color:#f0f6fc}
  .topbar .mobile-nav-head button{display:grid;place-items:center;border:1px solid #3e5b6c;border-radius:11px;min-height:43px;width:44px;padding:8px;flex:none}
  .topbar .nav button[data-nav],.topbar .nav .nav-parent,.topbar .nav .nav-share{
    display:flex!important;justify-content:space-between!important;align-items:center!important;text-align:right!important;
    border:0!important;background:transparent!important;border-bottom:1px solid #2f4358!important;border-radius:0!important;
    padding:15px 25px!important;width:100%!important;min-height:62px!important;flex:none!important;
    color:#e0e9f6!important;font-size:18px!important;font-weight:600!important;line-height:1.45!important;
  }
  .topbar .nav button[data-nav].active,.topbar .nav .nav-parent.active{background:#183843!important;color:#a2f4db!important;box-shadow:inset -3px 0 #75e1c7}
  .topbar .nav .nav-dropdown{display:block!important;position:static!important;width:100%;flex:none!important}
  .topbar .nav .nav-dropdown .nav-submenu{display:none!important;position:static!important;box-shadow:none!important;border:0!important;border-radius:0!important;margin:0!important;
    background:#14263b!important;padding:4px 16px 9px 0!important;min-width:0!important;width:100%!important}
  .topbar .nav .nav-dropdown.expanded .nav-submenu{display:flex!important;flex-direction:column!important}
  .topbar .nav .nav-dropdown .nav-submenu button[data-nav]{font-size:16px!important;font-weight:500!important;color:#c8daea!important;
    min-height:51px!important;padding:12px 22px!important;border-bottom:1px solid #293f52!important}
  .topbar .nav .nav-dropdown .nav-submenu button:last-child{border-bottom:0!important}
  .topbar .nav .nav-dropdown.expanded .nav-caret{transform:rotate(180deg)}
  .topbar .nav .nav-install-slot{display:flex!important;width:100%!important;padding:18px 20px!important;flex:none!important;grid-column:auto!important;justify-content:stretch!important}
  .topbar .nav .nav-install-slot:has(.install-shortcut[hidden]){display:none!important}
  .topbar .nav .nav-install-slot .install-shortcut{width:100%!important}
  .topbar .nav .nav-share{color:#97ead5!important;gap:9px!important;justify-content:flex-start!important}
  .topbar .nav .nav-share .icon{width:21px;height:21px}
}
@media(max-width:760px){
  .quick-install-panel{flex-direction:column;align-items:stretch;text-align:center}
  .quick-install-panel .install-shortcut{width:100%}
  .topbar .header-share{min-width:40px;min-height:40px}
}