/* Shared shell and personal start page. */
body:not(.login-active) .topbar { min-height:80px!important;height:auto!important;padding:14px 24px!important;gap:16px!important; }
body:not(.login-active) .topbar-left {min-width:0!important;flex:1!important;}
body:not(.login-active) .topbar-actions {position:relative!important;display:flex!important;align-items:center!important;gap:12px!important;flex-wrap:nowrap!important;}
body:not(.login-active) .topbar-system-name {font-size:13px!important;color:#9bc1ca!important;}
body:not(.login-active) #homeCompany {display:block;max-width:540px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;color:#fff;}
body:not(.login-active) #topbarHeaderCompany,body:not(.login-active) #topbarActionClock,body:not(.login-active) #topbarProfileRole {display:none!important;}
body:not(.login-active) .topbar-profile {min-width:0!important;padding:0 0 0 14px!important;gap:10px!important;flex-direction:row!important;}
body:not(.login-active) .profile-avatar {width:38px!important;height:38px!important;font-size:15px!important;}
body:not(.login-active) #topbarProfileName {font-size:13px!important;max-width:135px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
body:not(.login-active) #uxRefresh {display:inline-flex!important;align-items:center;justify-content:center;width:34px!important;height:34px!important;min-height:0!important;margin:0!important;padding:0!important;border:1px solid #ffffff30!important;border-radius:8px!important;background:transparent!important;color:#d9eeef!important;font-size:23px!important;flex:0 0 34px;}
body:not(.login-active) #uxRefresh:disabled {opacity:.4;}
#homeAccountMenu {position:relative;color:#fff;}
#homeAccountMenu summary {list-style:none;cursor:pointer;padding:4px 10px;font-size:24px;}
#homeAccountMenu>div {position:absolute;right:0;top:42px;z-index:110;width:150px;background:#fff;border:1px solid #dce5eb;border-radius:10px;padding:8px;box-shadow:0 10px 24px #0b223326;}
body:not(.login-active) #homeAccountMenu button {display:block!important;width:100%!important;height:36px!important;text-align:left!important;background:transparent!important;color:#253b4b!important;border:0!important;padding:6px 10px!important;font-size:14px!important;}
#homeAccountMenu button::before {display:none!important;}
body:not(.login-active) .sidebar-clock,body:not(.login-active) .sidebar-version {display:none!important;}
body:not(.login-active) .nav-heading {min-height:44px!important;padding-top:10px!important;padding-bottom:10px!important;margin:3px 0!important;}
body:not(.login-active) .nav-group {margin-bottom:4px!important;}
body:not(.login-active) .brand {min-height:80px!important;padding-top:18px!important;padding-bottom:18px!important;}
body:not(.login-active) .workspace-tabs {min-height:48px!important;padding-top:8px!important;padding-bottom:0!important;}
body:not(.login-active) #dashboardView.active {min-height:0!important;padding:28px!important;overflow:visible!important;background:#f3f6f9!important;}
#dashboardView > .welcome-hero,#dashboardView > #kpiGrid,#dashboardView > .shortcut-panel,#dashboardView > .dashboard-grid {display:none!important;}
#homePlanner {max-width:1320px;margin:0 auto;color:#1e3345;font-family:"Segoe UI",Arial,sans-serif;}
#homePlanner * {box-sizing:border-box;}
.home-heading {display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;}
.home-eyebrow {font-size:11px;font-weight:700;letter-spacing:.16em;color:#058778;}
#homePlanner h2 {font-size:30px;line-height:1.25;margin:8px 0!important;letter-spacing:-.5px;}
.home-heading p {margin:0;color:#6b7e8d;font-size:14px;}
.home-today {font-size:13px;color:#637a8b;text-transform:capitalize;}
.home-stats {display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px;}
.home-stats>div {display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;border:1px solid #e0e8ef;border-radius:12px;padding:18px 22px;}
.home-stats span {font-size:13px;color:#6b7e8d;}.home-stats strong {font-size:28px;font-weight:650;color:#123d48;}
.home-columns {display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr);gap:22px;align-items:start;}
.home-panel {background:#fff;border:1px solid #e0e8ef;border-radius:14px;overflow:hidden;min-width:0;}
.home-panel>header {padding:22px;display:flex;align-items:center;justify-content:space-between;gap:12px;}
#homePlanner h3 {font-size:17px;margin:0;line-height:1.3;}.home-panel header p {margin:5px 0 0;color:#768997;font-size:12px;}
#homePlanner button,.home-editor button {font-family:inherit;cursor:pointer;border:1px solid #dfe7ed;background:white;color:#395266;border-radius:7px;padding:7px 10px;font-size:13px;min-height:32px;}
#homePlanner button:hover,.home-editor button:hover {background:#eff8f5;border-color:#96d8c7;}
#homePlanner .home-primary,.home-editor .home-primary {background:#0b9f82;border-color:#0b9f82;color:white;padding:9px 14px;font-weight:600;}
.home-controls {padding:0 22px 16px;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;border-bottom:1px solid #edf1f4;}
.home-controls>div {display:flex;gap:5px;}.home-controls label {font-size:12px;color:#6b7e8d;display:flex;align-items:center;gap:6px;}
.home-controls select {font:inherit;max-width:180px;padding:6px;border:1px solid #dfe7ed;border-radius:6px;background:white;color:#395266;}
.home-task-list,.home-notices {list-style:none;padding:0;margin:0;}
.home-task {display:flex;gap:10px;align-items:center;padding:16px 22px;border-bottom:1px solid #edf1f4;}
.home-task input[type=checkbox] {width:18px;height:18px;accent-color:#0b9f82;flex:0 0 18px;}
.home-task-copy {flex:1;min-width:0;}.home-task-copy strong,.home-notice strong {display:block;font-size:14px;font-weight:600;overflow-wrap:anywhere;}
.home-task-copy span {display:block;font-size:12px;color:#7d8c97;margin-top:5px;}
.home-task.is-done .home-task-copy strong {text-decoration:line-through;color:#8a99a3;}
.home-tag {background:#edf7f4;color:#287766;font-size:10px;padding:5px 7px;border-radius:5px;white-space:nowrap;}
.home-tag.late {background:#fff1ed;color:#ad4e30;}
.home-empty {padding:42px 22px;text-align:center;color:#3e5b6b;font-size:14px;line-height:1.8;}.home-empty span {font-size:12px;color:#8b9aa5;}
.home-count {display:inline-block;background:#ecf5f4;color:#268676;font-size:11px;border-radius:6px;padding:3px 7px;margin-left:5px;}
.home-notice {display:flex;gap:12px;padding:15px 22px;border-top:1px solid #edf1f4;}.home-notice>div {min-width:0;}
.home-notice small {display:block;color:#6e8390;font-size:11px;margin-bottom:6px;}.home-notice-dot {width:8px;height:8px;flex:0 0 8px;background:#13ac94;border-radius:50%;margin-top:5px;}.home-notice-dot.late {background:#dd9166;}
#homePlanner .home-notice button {border:0;padding:4px 7px 0 0;margin-top:5px;font-size:11px;min-height:24px;color:#198774;}
.home-footnote {font-size:11px;color:#8a99a5;padding:0 22px 14px;line-height:1.6;}.home-footnote:empty {display:none;}
.home-footer {display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:20px;font-size:11px;color:#8495a1;}
.home-editor {width:min(460px,calc(100vw - 32px));padding:28px;border:1px solid #dce6ec;border-radius:14px;color:#243e50;max-height:90vh;overflow:auto;}
.home-editor::backdrop {background:#08243085;}.home-editor h2 {font-size:21px;margin:0 0 22px;}
.home-editor label {display:flex;flex-direction:column;gap:8px;font-size:13px;}.home-editor input {width:100%;min-width:0;border:1px solid #d5e0e7;border-radius:7px;padding:11px;font:inherit;}
.home-editor-dates {display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px;}.home-editor footer {display:flex;justify-content:flex-end;gap:8px;margin-top:24px;}.home-editor [role=alert] {font-size:12px;color:#b34c35;}
@media(max-width:1050px){.home-columns {grid-template-columns:1fr;}body:not(.login-active) #homeCompany {max-width:270px;} .home-today{display:none;}}
@media(max-width:650px){body:not(.login-active) #dashboardView.active{padding:16px!important;}.home-stats{gap:8px;}.home-stats>div{padding:12px;flex-direction:column;align-items:start;}.home-stats span{font-size:11px;}.home-task{padding:14px;flex-wrap:wrap;}.home-tag{display:none;}body:not(.login-active) .topbar{padding:12px!important;}body:not(.login-active) #homeCompany{max-width:140px;}body:not(.login-active) #topbarProfileName{display:none!important;}body:not(.login-active) .topbar-actions{gap:6px!important;}.home-panel>header,.home-controls{padding-left:16px;padding-right:16px;}}
body:not(.login-active) #dashboardView > .welcome-hero,body:not(.login-active) #dashboardView > #kpiGrid,body:not(.login-active) #dashboardView > .shortcut-panel,body:not(.login-active) #dashboardView > .dashboard-grid {display:none!important;}
body:not(.login-active) {grid-template-columns:240px minmax(0,1fr)!important;}
body:not(.login-active) .sidebar {width:240px!important;padding:12px 16px!important;}
body.sidebar-collapsed:not(.login-active) {grid-template-columns:72px minmax(0,1fr)!important;}
body.sidebar-collapsed:not(.login-active) .sidebar {width:72px!important;padding-inline:8px!important;}
body:not(.login-active) .brand strong {font-size:22px!important;}
body:not(.login-active) .brand-symbol {width:38px!important;height:42px!important;}
body:not(.login-active) .topbar-user-summary {min-width:0!important;flex:1!important;}
body:not(.login-active) .topbar-actions {flex:0 0 auto!important;}
#homeAccountMenu small {display:block;padding:8px 10px;color:#718592;font-size:11px;}
@media(max-width:1100px){body:not(.login-active) #homeCompany {max-width:180px!important;}body:not(.login-active) #topbarProfileName {display:none!important;}}
@media(max-width:700px){body:not(.login-active) {grid-template-columns:64px minmax(0,1fr)!important;}body:not(.login-active) .sidebar{width:64px!important;padding:10px 5px!important;}body:not(.login-active) .brand>div,body:not(.login-active) .nav-heading>span:not(.nav-icon),body:not(.login-active) .nav-items,body:not(.login-active) .sidebar-status{display:none!important;}body:not(.login-active) .brand{padding:8px!important;}body:not(.login-active) .topbar{flex-wrap:wrap!important;}body:not(.login-active) .topbar-actions{margin-left:auto!important;}body:not(.login-active) .topbar-left{flex-basis:100%!important;}}
/* Calendar and personal notifications: stacked sections, Monday to Friday. */
.home-notification-panel {margin-bottom:22px;}
.home-notification-panel>header {padding-bottom:14px;}
.notification-list {list-style:none;padding:0;margin:0;max-height:250px;overflow:auto;}
.notification-list>li {display:flex;gap:14px;align-items:center;padding:14px 22px;border-top:1px solid #eef2f5;}
.notification-list>li>div {flex:1;min-width:0;}
.notification-list strong {font-size:13px;font-weight:600;overflow-wrap:anywhere;}
.notification-list p {font-size:12px;color:#7c8d99;margin:5px 0 0;}
.notification-mark {width:30px;height:30px;border-radius:8px;background:#e8f7f1;color:#15927e;display:grid;place-items:center;flex:0 0 30px;}
.notification-mark.late {background:#fff1e8;color:#b56632;}
#homePlanner .notification-list button {border:0;color:#238977;font-size:12px;white-space:nowrap;}
.notification-empty {color:#83929d;font-size:13px;min-height:65px;}
.home-calendar-panel>header {padding-bottom:14px;}
.calendar-actions {display:flex;gap:6px;align-items:center;flex-wrap:wrap;}
.calendar-filters {display:flex;gap:6px;padding:0 22px 18px;flex-wrap:wrap;}
#homePlanner .calendar-filters button {border:0;background:transparent;color:#7d8f9c;font-size:12px;padding:5px 10px;min-height:28px;}
#homePlanner .calendar-filters button[aria-pressed=true] {background:#e9f5f1;color:#157d69;}
.calendar-filters span {font-size:10px;margin-left:5px;opacity:.8;}
.calendar-scroll {overflow-x:auto;}
.week-calendar {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));min-width:760px;border-top:1px solid #e6edf2;}
.calendar-day {min-height:230px;border-right:1px solid #e6edf2;background:#fdfefe;}
.calendar-day:last-child {border-right:0;}
.calendar-day>header {display:flex;gap:8px;align-items:center;padding:14px 12px;border-bottom:1px solid #eef2f5;background:#f8fafb;}
.calendar-day>header span {font-size:12px;color:#7a8d9a;flex:1;}
.calendar-day>header strong {font-size:17px;font-weight:650;color:#405e6f;}
#homePlanner .calendar-day>header button {border:0;background:transparent;font-size:18px;min-height:24px;padding:0 5px;color:#7e9aab;}
.calendar-day.today>header {background:#edf8f4;}
.calendar-day.today>header strong,.calendar-day.today>header span {color:#138975;}
.calendar-day>div {padding:10px;}
.calendar-task {position:relative;padding:12px 10px 10px;margin-bottom:9px;border:1px solid #d9eae4;border-left:3px solid #27ab8e;border-radius:7px;background:#f1faf6;}
.calendar-task>div {display:flex;gap:8px;align-items:flex-start;padding-right:10px;}
.calendar-task input {width:14px;height:14px;accent-color:#159b7c;flex:0 0 14px;margin:3px 0 0;}
#homePlanner .calendar-task-name {min-height:0;border:0;border-radius:0;padding:0;background:transparent;color:#285c51;font-size:12px;font-weight:600;text-align:left;line-height:1.5;overflow-wrap:anywhere;}
.calendar-task small {display:block;font-size:10px;color:#758f86;margin-top:8px;}
#homePlanner .calendar-delete {position:absolute;top:2px;right:2px;padding:1px 4px;min-height:20px;border:0;background:transparent;color:#7f9a90;font-size:14px;}
.calendar-task.done {opacity:.65;background:#f3f6f7;border-color:#dfe6e9;}
#homePlanner .calendar-task.done .calendar-task-name {text-decoration:line-through;}
.calendar-task.late {background:#fff8f2;border-color:#f0decc;border-left-color:#df9c62;}
.calendar-empty {color:#a3b0b9;text-align:center;font-size:11px;padding:30px 0;}
.calendar-other:empty {display:none;}
.calendar-other {padding:0 22px;}
.calendar-other h4 {font-size:12px;font-weight:500;color:#8999a4;}
.calendar-other-list {display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;}
.home-recent {margin-top:24px;}
#homePlanner .home-recent h3 {font-size:12px;font-weight:600;color:#80909c;margin-bottom:12px;}
.home-recent>div {display:flex;gap:9px;flex-wrap:wrap;}
.home-recent>div>span {font-size:12px;color:#9aabb7;}
#homePlanner .home-recent button {font-size:12px;background:transparent;border-color:#dfe7ed;}
.home-recent button span {margin-left:18px;color:#6f9a98;}
.home-editor label {margin-bottom:15px;}
@media(max-width:650px){.home-calendar-panel>header{align-items:flex-start;flex-direction:column;}.notification-list>li{padding:12px;flex-wrap:wrap;}.notification-list>li>button{margin-left:40px;}.calendar-filters{padding:0 12px 12px;gap:2px;}}