#erp-workspace .home-workspace{--home-edge:color-mix(in srgb,var(--ui-control) 68%,var(--ui-surface));display:grid;gap:12px;min-width:0;color:var(--ui-ink);font-size:13px}
#erp-workspace.erp-theme.erp-modern .workspace-main .workspace-content:has(>.home-workspace){padding:16px}
#erp-workspace .home-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
#erp-workspace .home-heading h1{font-size:25px;line-height:1.1;margin:0 0 4px;font-weight:700}
#erp-workspace .home-heading p{margin:0;color:var(--ui-muted);font-size:14px}
#erp-workspace .home-workspace .login-icon{width:20px;height:20px;flex:none}
#erp-workspace .home-workspace a{text-decoration:none;color:inherit}
#erp-workspace .home-workspace h2{font-size:14px;line-height:1.3;margin:0;font-weight:600}
#erp-workspace .home-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
#erp-workspace .home-workspace :is(.home-metric,.home-quick-link,.home-alert){--tone:var(--ui-info);--tint:var(--ui-info-bg)}
#erp-workspace .home-workspace .red{--tone:var(--ui-accent-ink);--tint:var(--ui-accent-soft)}
#erp-workspace .home-workspace .green{--tone:var(--ui-success);--tint:var(--ui-success-bg)}
#erp-workspace .home-workspace :is(.orange,.amber){--tone:var(--ui-warning);--tint:var(--ui-warning-bg)}
#erp-workspace .home-metric{min-width:0;min-height:96px;display:flex;gap:12px;align-items:center;position:relative;padding:16px 28px 16px 14px;border:1px solid color-mix(in srgb,var(--tone) 23%,var(--ui-surface));border-radius:8px;background:color-mix(in srgb,var(--tint) 60%,var(--ui-surface));box-shadow:inset 0 1px 0 #ffffff20,0 3px 12px #14254104;transition:border-color 180ms,transform 180ms}
#erp-workspace .home-metric:hover{border-color:var(--tone);transform:translateY(-2px)}
#erp-workspace .home-round{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:50%;color:var(--tone);background:color-mix(in srgb,var(--tone) 13%,var(--tint))}
#erp-workspace .home-round .login-icon{width:23px;height:23px}
#erp-workspace .home-metric>div{min-width:0}
#erp-workspace .home-metric h2{font-size:12px;padding-right:4px}
#erp-workspace .home-metric strong{display:block;font-size:23px;line-height:1.3;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
#erp-workspace .home-workspace small{display:block;color:var(--ui-muted);font-size:11px;line-height:1.4}
#erp-workspace .home-next{position:absolute;right:9px;top:16px;width:15px!important;height:15px!important;color:var(--ui-muted)}
#erp-workspace .home-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.05fr) minmax(280px,.9fr);gap:12px;align-items:stretch}
#erp-workspace .home-surface{min-width:0;background:var(--ui-surface);border:1px solid var(--home-edge);border-radius:8px;box-shadow:inset 0 1px 0 #ffffff24,var(--ui-shadow);padding:14px}
#erp-workspace .home-welcome{grid-column:span 2;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:12px 20px;align-content:center;align-items:center;padding:26px 20px 16px;min-height:245px}
#erp-workspace .home-brand{text-align:center;min-width:0;padding:6px 16px}
#erp-workspace .home-brand img{display:block;width:100%;max-width:320px;height:84px;object-fit:contain;margin:0 auto 14px}
#erp-workspace .home-brand h2{font-size:15px}
#erp-workspace .home-brand p{margin:8px 0 0;color:var(--ui-muted);font-size:12px}
#erp-workspace .home-clock{text-align:center;border-left:1px solid var(--ui-line);padding-left:18px;min-width:0}
#erp-workspace .home-clock>p{color:var(--ui-muted);font-size:12px;line-height:1.5;margin:0 0 10px}
#erp-workspace .home-clock time{display:block;font-size:44px;font-weight:700;line-height:1.15;font-variant-numeric:tabular-nums;white-space:nowrap}
#erp-workspace .home-clock-details{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:18px}
#erp-workspace .home-clock-details>span{display:flex;align-items:center;justify-content:center;gap:10px;min-width:0;padding:10px 6px;border:1px solid var(--ui-line);border-radius:8px;text-align:left;background:var(--ui-bg)}
#erp-workspace .home-clock-details b{font-size:12px;font-weight:500}
#erp-workspace .home-clock-details>span:last-child>.login-icon{color:var(--ui-warning)}
#erp-workspace .home-health{grid-column:1/-1;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:12px}
#erp-workspace .home-health>span{display:flex;align-items:center;gap:6px;padding:6px 9px;border:1px solid var(--ui-line);border-radius:16px;font-size:10px;color:var(--ui-muted)}
#erp-workspace .home-health i{width:6px;height:6px;border-radius:50%;background:var(--ui-warning)}
#erp-workspace .home-health .neutral{background:var(--ui-muted)}
#erp-workspace .home-health .connected i{background:var(--ui-success)}
#erp-workspace .home-section-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px;min-height:28px}
#erp-workspace .home-section-heading h2{display:flex;align-items:center;gap:9px}
#erp-workspace .home-section-heading>span{font-size:10px;color:var(--ui-muted)}
#erp-workspace .home-workspace .icon-button{display:grid;place-items:center;width:30px;min-width:30px;height:30px;min-height:30px;padding:5px;border:1px solid var(--home-edge);border-radius:7px;background:transparent;color:var(--ui-ink)}
#erp-workspace .home-workspace .icon-button .login-icon{width:17px;height:17px}
#erp-workspace .home-prev .login-icon{transform:rotate(180deg)}
#erp-workspace .home-calendar{padding:12px}
#erp-workspace .home-calendar h2{font-size:15px}
#erp-workspace .home-weekdays,#erp-workspace .home-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}
#erp-workspace .home-weekdays{color:var(--ui-muted);font-size:10px;text-align:center;margin-bottom:5px}
#erp-workspace .home-days button{position:relative;display:grid;place-items:center;border:1px solid var(--ui-line);border-radius:0;margin:0 -1px -1px 0;padding:0;min-width:0;min-height:29px;height:29px;color:var(--ui-ink);background:transparent;font-size:11px;font-weight:400;box-shadow:none}
#erp-workspace .home-days button:hover{background:var(--ui-hover)}
#erp-workspace .home-days .outside{color:var(--ui-muted);opacity:.55}
#erp-workspace .home-days .selected{box-shadow:inset 0 0 0 2px var(--ui-info)}
#erp-workspace .home-days .today{z-index:1;background:var(--ui-accent);border-color:var(--ui-accent);color:white;border-radius:6px;font-weight:600}
#erp-workspace .home-days .today.selected{box-shadow:none}
#erp-workspace .home-days i{position:absolute;bottom:3px;width:4px;height:4px;border-radius:50%;background:var(--ui-accent)}
#erp-workspace .home-days .today i{background:white}
#erp-workspace .home-calendar-today{display:block;margin:0;border:0;background:transparent;color:var(--ui-ink);font-size:15px;font-weight:600;min-height:24px;padding:2px 6px}
#erp-workspace .home-quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
#erp-workspace .home-quick-link{display:flex;align-items:center;gap:9px;border:1px solid color-mix(in srgb,var(--tone) 22%,var(--ui-surface));background:color-mix(in srgb,var(--tint) 55%,var(--ui-surface));border-radius:8px;padding:11px 9px;min-width:0;transition:background 180ms,border-color 180ms}
#erp-workspace .home-quick-link:hover{border-color:var(--tone);background:var(--tint)}
#erp-workspace .home-quick-link b{font-size:12px;font-weight:600}
#erp-workspace .home-quick-link .home-round{width:34px;height:34px}
#erp-workspace .home-quick-link .login-icon{width:18px;height:18px}
#erp-workspace .home-quick-link>.login-icon{width:12px;height:12px;margin-left:auto}
#erp-workspace .home-alert-list{display:grid;gap:5px;max-height:210px;overflow:auto}
#erp-workspace .home-alert{display:flex;align-items:center;gap:9px;padding:6px;border:1px solid var(--ui-line);border-radius:7px;transition:background 180ms}
#erp-workspace .home-alert:hover{background:var(--ui-hover)}
#erp-workspace .home-alert .home-round{width:30px;height:30px}
#erp-workspace .home-alert .login-icon{width:17px;height:17px}
#erp-workspace .home-alert>.login-icon{margin-left:auto;width:13px;height:13px}
#erp-workspace .home-alert b{font-size:11px;font-weight:500}
#erp-workspace .home-alert small{font-size:10px}
#erp-workspace .home-empty{display:flex;align-items:center;justify-content:center;text-align:center;flex-direction:column;gap:7px;padding:15px 8px;min-height:135px;color:var(--ui-muted)}
#erp-workspace .home-empty>.login-icon{width:42px;height:42px;padding:10px;box-sizing:content-box;border-radius:50%;background:var(--ui-bg);margin-bottom:2px}
#erp-workspace .home-empty strong{font-size:12px;font-weight:500}
#erp-workspace .home-empty p{font-size:11px;margin:0}
#erp-workspace .home-add{color:var(--ui-accent-ink)!important;border-color:color-mix(in srgb,var(--ui-accent-ink) 40%,var(--ui-surface))!important;font-size:24px;line-height:1}
#erp-workspace .home-reminder-list{list-style:none;padding:0;margin:0;max-height:210px;overflow:auto}
#erp-workspace .home-reminder-list li{display:flex;align-items:center;gap:7px;border-bottom:1px solid var(--ui-line);padding:8px 0}
#erp-workspace .home-reminder-list input{width:16px;height:16px;min-height:0;flex:none;accent-color:var(--ui-accent)}
#erp-workspace .home-reminder-text{display:block;min-width:0;flex:1;padding:0;text-align:left;border:0;background:transparent;color:var(--ui-ink);box-shadow:none;min-height:0}
#erp-workspace .home-reminder-text strong{display:block;font-size:12px;font-weight:500;overflow-wrap:anywhere;white-space:normal}
#erp-workspace .completed .home-reminder-text strong{text-decoration:line-through;color:var(--ui-muted)}
#erp-workspace .home-reminder-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0}
#erp-workspace .home-reminder-dialog label{display:grid;gap:6px;font-size:12px}
#erp-workspace .home-reminder-dialog label.check{display:flex;align-items:center}
#erp-workspace .home-reminder-dialog textarea{resize:vertical}
#erp-workspace .home-error{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px;background:var(--ui-danger-bg);color:var(--ui-danger);border-radius:7px;font-size:12px}
#erp-workspace .home-muted,#erp-workspace .home-restricted{color:var(--ui-muted);font-size:12px}
#erp-workspace .home-restricted{grid-column:1/-1}
#erp-workspace .home-skeleton{display:grid;gap:8px;background:var(--ui-surface);animation:home-pulse 1.2s ease-in-out infinite alternate}
#erp-workspace .home-skeleton span{height:10px;width:65%;background:var(--ui-line);border-radius:4px}
@keyframes home-pulse{to{opacity:.45}}
@media(min-width:1400px){#erp-workspace .home-welcome{min-height:290px}#erp-workspace .home-days button{height:34px}#erp-workspace .home-quick-link{padding:15px 10px}}
@media(min-width:1151px) and (max-height:820px){#erp-workspace .home-workspace{gap:10px}#erp-workspace .home-metric{min-height:86px;padding:11px 23px 11px 12px;gap:10px}#erp-workspace .home-metric .home-round{width:38px;height:38px}#erp-workspace .home-metric small{font-size:10px}#erp-workspace .home-welcome{min-height:218px;padding:18px 16px 12px;gap:10px 16px}#erp-workspace .home-brand img{height:70px;margin-bottom:10px}#erp-workspace .home-clock time{font-size:40px}#erp-workspace .home-clock-details{margin-top:12px}#erp-workspace .home-health{margin-top:5px}#erp-workspace .home-surface{padding:12px}#erp-workspace .home-quick-link{padding:9px 7px;gap:8px}#erp-workspace .home-quick-link .home-round{width:30px;height:30px}#erp-workspace .home-quick-link>.login-icon{display:none}#erp-workspace .home-quick-link b{font-size:11px}#erp-workspace .home-quick-link small{font-size:10px}#erp-workspace .home-empty{min-height:118px}#erp-workspace .home-alert-list,#erp-workspace .home-reminder-list{max-height:180px}}
@media(max-width:1150px){#erp-workspace .home-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}#erp-workspace .home-grid{grid-template-columns:minmax(0,1fr) minmax(265px,.75fr)}#erp-workspace .home-welcome{grid-column:1/-1;min-height:215px}#erp-workspace .home-calendar{grid-column:2;grid-row:2}#erp-workspace .home-quick{grid-column:1;grid-row:2}#erp-workspace .home-alerts{grid-column:1}#erp-workspace .home-reminders{grid-column:2}#erp-workspace .home-quick-grid{grid-template-columns:1fr}}
@media(max-width:650px){#erp-workspace .home-grid{grid-template-columns:minmax(0,1fr)}#erp-workspace .home-grid>section{grid-column:1;grid-row:auto}#erp-workspace .home-metrics{grid-template-columns:minmax(0,1fr)}#erp-workspace .home-welcome{grid-template-columns:1fr;padding:18px}#erp-workspace .home-clock{border-left:0;border-top:1px solid var(--ui-line);padding:18px 0 0}#erp-workspace .home-brand img{height:65px}#erp-workspace .home-clock time{font-size:38px}#erp-workspace .home-quick-grid{grid-template-columns:1fr 1fr}#erp-workspace .home-quick-link>.login-icon{display:none}#erp-workspace .home-calendar .home-days button{height:36px}#erp-workspace .home-health{gap:5px}#erp-workspace .home-health>span{font-size:9px}}
@media(prefers-reduced-motion:reduce){#erp-workspace .home-workspace *{transition:none!important;animation:none!important}}
