/* v256 final modern shift UI - closer to event-app mockup */
:root{--hf-red:#a50f2d;--hf-red2:#d81b3a;--hf-dark:#111827;--hf-muted:#667085;--hf-soft:#fff7f4;--hf-line:#eef0f4;--hf-shadow:0 18px 60px rgba(17,24,39,.08)}
body{background:linear-gradient(180deg,#fff7f3 0%,#ffffff 36%,#f6f7fb 100%)!important;color:var(--hf-dark)!important;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif!important}.public-wrap,.board-wrap{max-width:1120px!important;margin:0 auto!important;padding:18px 14px 44px!important}.public-hero,.board-hero{background:radial-gradient(circle at 14% 0%,rgba(165,15,45,.16),transparent 28%),linear-gradient(135deg,#fff,#fff3ed)!important;border:0!important;box-shadow:none!important}.event-card,.board-event-card{border:1px solid rgba(165,15,45,.13)!important;background:rgba(255,255,255,.92)!important;border-radius:32px!important;box-shadow:0 28px 90px rgba(123,18,35,.13)!important;overflow:hidden!important}.event-card h1,.board-event-card h1{letter-spacing:-.045em!important;font-size:clamp(2rem,4vw,3.25rem)!important;line-height:.98!important;margin:0 0 10px!important}.event-meta,.board-meta{display:flex!important;flex-wrap:wrap!important;gap:8px!important}.event-meta span,.board-meta span{background:#fff!important;border:1px solid #fee2e2!important;border-radius:999px!important;padding:8px 12px!important;font-weight:850!important;color:#475569!important;box-shadow:0 8px 22px rgba(15,23,42,.05)!important}.public-stats-row,.board-stats-row{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;margin:18px 0!important}.public-stat,.board-stat{background:linear-gradient(180deg,#fff,#fff8f6)!important;border:1px solid rgba(165,15,45,.11)!important;border-radius:24px!important;padding:16px!important;box-shadow:0 18px 45px rgba(15,23,42,.065)!important;min-height:78px!important}.public-stat strong,.board-stat strong{display:block!important;font-size:1.9rem!important;letter-spacing:-.05em!important;line-height:1!important;color:var(--hf-dark)!important}.public-stat span,.board-stat span{display:block!important;margin-top:6px!important;font-size:.82rem!important;text-transform:uppercase!important;letter-spacing:.06em!important;font-weight:900!important;color:#667085!important}.day-tabs{position:sticky!important;top:0!important;z-index:20!important;display:flex!important;gap:10px!important;overflow:auto!important;margin:16px 0!important;padding:8px!important;background:rgba(255,247,243,.78)!important;backdrop-filter:blur(14px)!important;border:1px solid rgba(255,255,255,.74)!important;border-radius:24px!important;box-shadow:0 14px 45px rgba(15,23,42,.06)!important}.day-tab{border:0!important;border-radius:18px!important;background:#fff!important;padding:13px 18px!important;min-width:150px!important;color:#334155!important;font-weight:950!important;box-shadow:0 8px 24px rgba(15,23,42,.055)!important;white-space:nowrap!important}.day-tab.active{background:linear-gradient(135deg,var(--hf-red),var(--hf-red2))!important;color:#fff!important;box-shadow:0 16px 35px rgba(165,15,45,.28)!important;transform:translateY(-1px)!important}.open-filter-bar{border:0!important;border-radius:24px!important;background:rgba(255,255,255,.9)!important;box-shadow:var(--hf-shadow)!important;padding:14px 16px!important;margin:14px 0!important}.day-heading{display:flex!important;justify-content:space-between!important;align-items:flex-end!important;gap:12px!important;margin:22px 2px 12px!important}.day-heading h2{font-size:1.35rem!important;letter-spacing:-.03em!important}.day-count{background:#fff!important;border:1px solid var(--hf-line)!important;border-radius:999px!important;padding:8px 12px!important;font-weight:950!important;color:#64748b!important}.area-list{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))!important;gap:14px!important}.area-group{border:1px solid rgba(148,163,184,.22)!important;border-radius:30px!important;background:rgba(255,255,255,.94)!important;box-shadow:0 20px 65px rgba(15,23,42,.075)!important;overflow:hidden!important;transition:transform .16s ease, box-shadow .16s ease!important}.area-group:hover{transform:translateY(-2px)!important;box-shadow:0 28px 80px rgba(15,23,42,.105)!important}.area-toggle{border:0!important;background:linear-gradient(180deg,#fff,#fffaf7)!important;padding:16px!important;width:100%!important;text-align:left!important}.area-title{display:flex!important;align-items:center!important;gap:12px!important}.area-title strong{font-size:1.12rem!important;letter-spacing:-.02em!important}.area-type-icon{display:inline-grid!important;place-items:center!important;width:46px!important;height:46px!important;border-radius:18px!important;background:linear-gradient(135deg,#fff1f2,#fff7ed)!important;box-shadow:inset 0 0 0 1px rgba(165,15,45,.1)!important;font-size:25px!important;flex:0 0 auto!important}.area-summary{display:block!important;margin:10px 0 0 58px!important;color:#667085!important;font-weight:850!important}.area-preview{display:flex!important;flex-wrap:wrap!important;gap:7px!important;margin:13px 0 0!important}.area-preview-chip{border-radius:999px!important;border:1px solid #e5e7eb!important;background:#fff!important;padding:7px 10px!important;font-size:.82rem!important;font-weight:900!important}.area-preview-chip.bad{background:#fff1f2!important;color:#991b1b!important;border-color:#fecaca!important}.area-preview-chip.warn{background:#fff7ed!important;color:#9a3412!important;border-color:#fed7aa!important}.area-preview-chip.ok{background:#f0fdf4!important;color:#166534!important;border-color:#bbf7d0!important}.area-content{display:block!important;padding:0 13px 13px!important}.shift-summary-list{display:grid!important;gap:10px!important;padding:0!important}.shift-accordion{border:1px solid rgba(148,163,184,.2)!important;border-radius:24px!important;background:#fff!important;box-shadow:0 10px 28px rgba(15,23,42,.045)!important;overflow:hidden!important}.shift-accordion.status-bad{border-left:5px solid #e11d48!important}.shift-accordion.status-warn{border-left:5px solid #f59e0b!important}.shift-accordion.status-ok{border-left:5px solid #22c55e!important}.shift-toggle{width:100%!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;background:#fff!important;border:0!important;padding:13px 14px!important;text-align:left!important}.shift-title-line{display:block!important;font-size:1rem!important;font-weight:950!important;letter-spacing:-.01em!important}.shift-time-line{display:block!important;margin-top:5px!important;font-size:.88rem!important;color:#64748b!important;font-weight:850!important}.shift-body-inner{background:#fbfcfe!important;border-top:1px solid #edf2f7!important;padding:14px!important}.progress{height:9px!important;border-radius:999px!important;background:#eef2f7!important;overflow:hidden!important}.progress span{display:block!important;height:100%!important;border-radius:999px!important;background:linear-gradient(90deg,var(--hf-red),#fb7185)!important}.shift-needed{border-radius:16px!important;padding:10px 12px!important;margin:11px 0!important;font-weight:950!important}.shift-needed.bad{background:#fff1f2!important;color:#9f1239!important}.shift-needed.warn{background:#fff7ed!important;color:#9a3412!important}.shift-needed.ok{background:#f0fdf4!important;color:#166534!important}.badge,.summary-pill,.share-chip,.btn,button{border-radius:999px!important}.shift-body form{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}.shift-body form label,.shift-body form textarea,.shift-body form button.full,.role-choice-list{grid-column:1/-1!important}.shift-body form input,.shift-body form textarea,.shift-body form select{border:1px solid #dbe3ee!important;border-radius:16px!important;min-height:44px!important;padding:10px 12px!important;background:#fff!important}.role-status-list{display:flex!important;flex-wrap:wrap!important;gap:7px!important;margin-top:8px!important}.role-chip{display:inline-flex!important;gap:5px!important;align-items:center!important;border-radius:999px!important;padding:7px 10px!important;font-size:.83rem!important;font-weight:900!important;border:1px solid #e5e7eb!important;background:#fff!important}.role-chip.role-full{background:#f0fdf4!important;border-color:#bbf7d0!important}.role-chip.role-partial{background:#fff7ed!important;border-color:#fed7aa!important}.role-chip.role-open{background:#fff1f2!important;border-color:#fecaca!important}.role-choice-list{display:grid!important;gap:8px!important}.role-choice{display:flex!important;align-items:flex-start!important;gap:10px!important;border:1px solid #e5e7eb!important;background:#fff!important;border-radius:18px!important;padding:11px!important;font-weight:850!important}.role-choice input{width:auto!important;min-height:0!important;margin-top:3px!important}.role-choice small{display:block!important;margin-top:2px!important;color:#667085!important;font-weight:800!important}.role-choice-flex{border-color:#bfdbfe!important;background:#eff6ff!important}.role-choice-full{opacity:.82;background:#f8fafc!important}.board-helper-overview,.board-leader-box{border-radius:22px!important;background:#fff!important;border:1px solid #e8edf5!important;padding:14px!important;box-shadow:0 8px 24px rgba(15,23,42,.035)!important;margin:10px 0!important}@media(max-width:760px){.public-wrap,.board-wrap{padding:12px 10px 34px!important}.public-stats-row,.board-stats-row{grid-template-columns:repeat(2,minmax(0,1fr))!important}.public-stat,.board-stat{padding:13px!important;min-height:72px!important}.public-stat strong,.board-stat strong{font-size:1.55rem!important}.day-tab{min-width:130px!important;padding:12px 14px!important}.area-list{grid-template-columns:1fr!important}.area-group{border-radius:26px!important}.area-summary{margin-left:0!important}.shift-body form{grid-template-columns:1fr!important}.event-card,.board-event-card{border-radius:28px!important}}