/*
 * WORKHOUR
 * Fil: home.css
 * Version: 2.1.5
 * Senast ändrad: 2026-09-29
 *
 * Beskrivning: Startsidan.
 * Ändring 2.1.5: Gör teambilder helt runda med object-fit: cover.
 * Ändring 2.1.4: Tar bort kantlinjen runt projektets procentindikator.
 * Ändring 2.1.3: Återställer vänsterställd teamtext och förankrar timmar/pil till höger.
 * Ändring 2.1.2: Mindre och mer transparent procentindikator på projektbilden.
 * Ändring 2.1.1: Fast procentbadge över projektbilden på startsidan.
 * Ändring 2.1.0: Synliga helgdagar i veckodiagrammet har ljusare bakgrundsstapel.
 */
.wh-home{--wh-home-ink:#172238;--wh-home-muted:#667287;--wh-home-line:#e7eaf0;color:var(--wh-home-ink);padding-bottom:95px}
.wh-home .wh-home-top{display:flex;align-items:center;gap:9px;margin:4px 0 15px}
.wh-home-search{display:flex;align-items:center;gap:10px;flex:1;min-width:0;height:42px;padding:0 14px;border-radius:25px;background:#f2f3f6;color:#18233a}
.wh-home-search input{min-width:0;width:100%;border:0;outline:0;background:transparent;color:inherit;font:inherit;font-size:12px}
.wh-home-profile{flex:0 0 42px;height:42px;border:0;border-radius:50%;background:#f2f3f6;color:inherit;font-size:18px}
.wh-home-welcome{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:0 0 13px}
.wh-home-welcome h1{margin:0;font-size:clamp(21px,5.8vw,27px);font-weight:800;letter-spacing:-.035em}
.wh-home-today{font-size:11px;white-space:nowrap;color:var(--wh-home-muted)}
.wh-home-summary{background:#fff;border:1px solid #edf0f4;border-radius:16px;padding:16px 13px 0;box-shadow:0 5px 22px #1722380c}
.wh-home-stats{display:flex;min-width:0}
.wh-home-stat{flex:1 1 0;min-width:0;padding:0 8px;border-right:1px solid #dfe3ea}
.wh-home-stat:first-child{padding-left:2px}.wh-home-stat:last-child{border-right:0;padding-right:0}
.wh-home-stat>span,.wh-home-stat>small{display:block;font-size:11px;white-space:nowrap}
.wh-home-stat>small{color:var(--wh-home-muted)}
.wh-home-stat strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(16px,5vw,23px);line-height:1.35;letter-spacing:-.045em}
.wh-home-weekchart{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;margin:17px 0 12px}
.wh-home-day{min-width:0;text-align:center}
.wh-home-bar{position:relative;height:47px;width:100%;max-width:36px;margin:0 auto 5px;overflow:hidden;border-radius:4px;background:#eff0f3}
.wh-home-bar.is-weekend{background:#f7f8fa}
.wh-home-bar-fill{position:absolute;bottom:0;left:0;right:0;background:#aabab3;border-radius:3px 3px 0 0;height:0;transition:height .25s}
.wh-home-day-name{display:block;font-size:10px;white-space:nowrap}.wh-home-day-hours{display:block;margin-top:3px;font-size:10px;white-space:nowrap}
.wh-home-reports-link{display:flex;align-items:center;gap:14px;width:100%;padding:13px 3px;border:0;border-top:1px solid var(--wh-home-line);background:transparent;color:inherit;text-align:left;font-size:12px}
.wh-home-reports-link>span{flex:1}.wh-home-reports-link>i:last-child{font-size:11px}
.wh-home-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:19px 2px 9px}
.wh-home-section-heading h2{font-size:18px;font-weight:800;margin:0;letter-spacing:-.035em}
.wh-home-section-heading button{padding:4px 0;border:0;background:none;color:#526077;text-decoration:underline;font-size:12px}
.wh-home-projects{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;padding:0 20px 7px 0}
.wh-home-projects::-webkit-scrollbar{display:none}
.wh-home-project-card{flex:0 0 min(48%,220px);min-width:0;overflow:hidden;border:1px solid #edf0f4;border-radius:13px;background:#fff;color:inherit;text-align:left;padding:0 0 10px;box-shadow:0 3px 12px #1722380b;scroll-snap-align:start}
.wh-home-project-media{position:relative;display:block;width:100%;height:105px;overflow:hidden}
.wh-home-project-photo{height:105px;background:#eff0f3;display:block;width:100%;object-fit:cover}
.wh-home-project-percent{position:absolute;top:8px;right:8px;display:grid;place-items:center;box-sizing:border-box;width:35px;height:35px;border-radius:50%;background:rgb(23 34 56 / 26%);color:#fff;font-size:9px;font-weight:600;font-variant-numeric:tabular-nums;line-height:1;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}
.wh-home-project-name,.wh-home-project-desc{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 9px}
.wh-home-project-name{margin-top:8px;font-weight:800;font-size:12px}.wh-home-project-desc{font-size:10px;color:var(--wh-home-muted);margin-top:2px}
.wh-home-progress{height:6px;border-radius:9px;background:#e6e8ed;margin:10px 9px 5px;overflow:hidden}
.wh-home-progress>span{display:block;height:100%;background:#566273;border-radius:9px}
.wh-home-project-foot{display:flex;justify-content:space-between;gap:4px;margin:0 9px;font-size:9px;color:#58667a;white-space:nowrap}
.wh-home-activity{border-radius:14px;background:#fff;overflow:hidden}
.wh-home-activity-row{display:flex;align-items:center;gap:12px;padding:10px 4px;border-bottom:1px solid var(--wh-home-line);color:inherit;text-decoration:none}
.wh-home-activity-row:last-child{border-bottom:0}
.wh-home-activity-row>i{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border-radius:50%;background:#f0f2f6}
.wh-home-activity-copy{flex:1;min-width:0}.wh-home-activity-copy strong,.wh-home-activity-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wh-home-activity-copy strong{font-size:12px;font-weight:500}.wh-home-activity-copy small,.wh-home-activity-date{font-size:10px;color:var(--wh-home-muted)}
.wh-home-empty{font-size:12px;color:var(--wh-home-muted);padding:10px 3px}
@media(min-width:900px){.wh-home{max-width:900px;margin:auto}.wh-home-project-card{flex-basis:220px}.wh-home-bar{max-width:55px;height:65px}.wh-home-day-hours,.wh-home-day-name{font-size:12px}}
@media(max-width:370px){.wh-home-summary{padding:13px 9px 0}.wh-home-stat{padding:0 5px}.wh-home-stat strong{font-size:16px}.wh-home-weekchart{gap:3px}.wh-home-day-hours{font-size:9px}}
.dark .wh-home{--wh-home-ink:var(--foreground);--wh-home-muted:var(--muted-foreground);--wh-home-line:var(--border)}
.dark .wh-home-summary,.dark .wh-home-project-card,.dark .wh-home-activity{background:var(--card);color:var(--foreground);border-color:var(--border)}
.dark .wh-home-search,.dark .wh-home-profile,.dark .wh-home-activity-row>i{background:var(--accent)}

/* Activity items are buttons so navigation stays inside the SPA. */
.wh-home-activity-row{width:100%;border:0;border-bottom:1px solid var(--wh-home-line);background:transparent;text-align:left;font:inherit;cursor:pointer}
.wh-home-activity-row:last-child{border-bottom:0}
.wh-home-activity-row:focus-visible{outline:2px solid currentColor;outline-offset:-2px}

/* Home 2.0: scoped global search */
.wh-home-search-area{position:relative;flex:1;min-width:0}
.wh-home-search-area .wh-home-search{width:100%;box-sizing:border-box}
.wh-home-search-results{position:absolute;top:calc(100% + 5px);left:0;right:0;z-index:80;max-height:min(420px,65vh);overflow:auto;border:1px solid var(--wh-home-line);border-radius:13px;background:#fff;box-shadow:0 12px 32px #17223824;padding:5px}
.wh-home-search-results[hidden]{display:none!important}
.wh-home-search-result{display:flex;align-items:center;gap:9px;width:100%;padding:10px 8px;text-align:left;border:0;border-bottom:1px solid var(--wh-home-line);background:transparent;color:var(--wh-home-ink);cursor:pointer}
.wh-home-search-result:last-child{border-bottom:0}
.wh-home-search-result:focus-visible,.wh-home-search-result:hover{background:#f2f3f6;outline:0;border-radius:8px}
.wh-home-search-result i{width:23px;text-align:center;color:var(--wh-home-muted)}
.wh-home-search-result span{min-width:0;display:block;flex:1}
.wh-home-search-result strong,.wh-home-search-result small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wh-home-search-result strong{font-size:12px;font-weight:650}.wh-home-search-result small{font-size:10px;color:var(--wh-home-muted)}
.wh-home-search-status{padding:13px 9px;color:var(--wh-home-muted);font-size:12px}
.dark .wh-home-search-results{background:var(--card);border-color:var(--border)}
.dark .wh-home-search-result{color:var(--foreground)}

/* 4C: descriptive chart caption; no changes to shared styling. */
.wh-home-chart-title{margin:15px 2px 4px;color:var(--wh-home-muted);font-size:12px;font-weight:600}
.wh-home-team-stat[hidden]{display:none!important}

/* 4D: team overview, shown only for authorized managers. */
.wh-home-team-section[hidden]{display:none!important}
.wh-home-team-total{font-size:13px;font-weight:750;color:var(--wh-home-muted)}
.wh-home-team-members{background:#fff;border:1px solid #edf0f4;border-radius:14px;overflow:hidden}
.wh-home-team-row{display:flex;align-items:center;gap:10px;width:100%;box-sizing:border-box;padding:12px;border:0;border-bottom:1px solid var(--wh-home-line);background:transparent;color:inherit;text-align:left;font:inherit}
.wh-home-team-row:last-child{border-bottom:0}
.wh-home-team-avatar{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:50%;overflow:hidden;background:#f0f2f6;font-size:13px;font-weight:750}
.wh-home-team-avatar img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}
.wh-home-team-person{flex:1 1 auto;min-width:0;text-align:left}
.wh-home-team-person strong,.wh-home-team-person small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wh-home-team-person strong{font-size:13px}.wh-home-team-person small{font-size:11px;color:var(--wh-home-muted);margin-top:2px}
.wh-home-team-hours{flex:0 0 auto;margin-left:auto;font-size:13px;white-space:nowrap;text-align:right;font-variant-numeric:tabular-nums}
.wh-home-team-arrow{flex:0 0 auto;text-align:right}
.wh-home-team-note{font-size:11px;color:var(--wh-home-muted);margin:8px 2px 0}
.dark .wh-home-team-members{background:var(--card);border-color:var(--border)}
.dark .wh-home-team-avatar{background:var(--accent)}

/* Home 2.0 polish: top-menu search and mobile breathing room. */
.wh-home-search-trigger{display:inline-grid;place-items:center}
.wh-home .wh-home-top[hidden]{display:none!important}
.wh-home .wh-home-top{position:relative;gap:8px;margin:3px 0 12px}
.wh-home .wh-home-search-area{width:100%;flex:0 0 auto}
.wh-home .wh-home-search{background:var(--card,#fff);border:1px solid var(--wh-home-line);box-shadow:0 3px 12px #17223812;border-radius:14px}
.wh-home-search-close{flex:0 0 38px;height:38px;border:0;border-radius:50%;background:var(--accent,#f2f3f6);color:var(--foreground,#172238)}
.wh-home .wh-home-search-results{top:calc(100% + 5px)}
.wh-home-bar.is-today .wh-home-bar-fill{background:#638f7e}
@media(max-width:899px){.wh-home-section-heading{margin-right:12px}.wh-home-section-heading button{padding-right:5px}.wh-home-activity-row{padding-right:14px}.wh-home-summary{padding-right:17px}.wh-home-today{font-size:10px}}

.wh-home-day{display:block;border:0;background:transparent;color:inherit;padding:0;cursor:pointer;font:inherit;}
.wh-home-day:focus-visible{outline:2px solid currentColor;outline-offset:3px;border-radius:5px;}