/* SPV Premium TEST — visual layer only; functional layouts and sheet geometry remain intact. */
:root{--spv-ink:#10233b;--spv-blue:#2563eb;--spv-border:#dce5ef;--spv-shadow:0 14px 40px rgba(14,35,64,.09)}
html{scroll-behavior:smooth}body{background:#f3f6fb;color:#172b44;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
header{background:#0c1c30!important;color:#fff!important;border-bottom:1px solid #243b55!important;box-shadow:0 3px 16px rgba(4,18,35,.12)}
header .brand,header .brand-name,header .brand-name span{color:#fff!important}header .head-tag{color:#c3d8ef!important}header .head-tag i{background:#64d5b2!important}
header .install-button{border-radius:12px!important;border-color:#52647a!important;color:#fff!important;background:#1a304c!important;min-height:43px}
#home .hero{background:linear-gradient(130deg,#0d1f36 0%,#142f50 65%,#173c69 100%)!important;border-radius:22px!important;color:#fff!important;box-shadow:var(--spv-shadow);padding:clamp(24px,5vw,48px)!important}
#home .hero h1,#home .hero p,#home .hero span{color:#fff!important}#home .hero p{color:#c9d9ea!important}#home .hero-note{border-color:rgba(255,255,255,.19)!important}
#home .choices{gap:15px!important}#home .choice{position:relative;overflow:hidden;border:1px solid var(--spv-border)!important;border-radius:19px!important;background:#fff!important;color:#132941!important;box-shadow:0 7px 26px rgba(14,35,64,.055)!important;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;min-height:146px}
#home .choice:hover{transform:translateY(-2px);box-shadow:0 15px 32px rgba(14,35,64,.11)!important;border-color:#a7c4f5!important}#home .choice:active{transform:scale(.992)}
#home .choice h2,#home .choice h2 em,#home .choice p{color:#152b46!important}#home .choice .mini-label,#home .choice .choice-num{color:#3b6fb9!important}#home .choice h2 em{opacity:.72}#home .choice .choice-arrow{color:#2563eb!important}
#home .choice-icon{background:#eaf2ff!important;color:#1c5fcb!important;border-radius:14px!important}
#home .deadline{color:#506784!important;font-weight:700;letter-spacing:.015em}
.view-heading h1{color:#10233b!important;letter-spacing:-.035em}.view-heading .eyebrow{color:#2d66b5!important}.view-heading p{color:#536781!important}
.panel{border:1px solid var(--spv-border)!important;border-radius:18px!important;box-shadow:0 5px 24px rgba(14,35,64,.045)!important;background:#fff!important}
button.primary,.primary{background:#1d5dd7!important;border-color:#1d5dd7!important;color:white!important;border-radius:12px!important;box-shadow:0 4px 10px rgba(29,93,215,.13)}
button.secondary,.secondary{border-radius:12px!important}button,.choice,a.primary{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #60a5fa!important;outline-offset:3px}
input,textarea,select{border-radius:10px!important}#saveIndicator{font-weight:700;color:#315d92}
#signature{background:#fff;border-radius:12px}dialog{border-radius:18px!important;box-shadow:0 28px 90px rgba(9,26,48,.25)!important}dialog::backdrop{background:rgba(8,24,44,.55)}
#home .choice-icon svg{display:block;width:27px;height:27px;stroke:#2563eb;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:600px){#home .hero{border-radius:18px!important;padding:25px 20px!important}#home .choice{min-height:122px;border-radius:16px!important}header{padding-top:max(10px,env(safe-area-inset-top))!important}.generate-bar{padding-bottom:max(12px,env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}#home .choice{transition:none}}

/* Premium about panel: intentionally clickable hero headline */
#home .hero-about{display:flex;flex-direction:column;align-items:flex-start;gap:7px;text-align:left;background:transparent;border:1px solid rgba(255,255,255,.36);border-radius:14px;padding:13px 18px;color:#fff;cursor:pointer;max-width:100%;transition:background .18s,border-color .18s}
#home .hero-about:hover,#home .hero-about:focus-visible{background:rgba(255,255,255,.09);border-color:#a9d4ff}
#home .hero-about-label{font-weight:800;letter-spacing:-.035em;font-size:clamp(1.7rem,4.8vw,3.3rem);line-height:1.12;color:#fff}
#home .hero-about-hint{font-size:.78rem;font-weight:650;color:#bcdcff!important;letter-spacing:.015em}
.spv-about-dialog{position:fixed;inset:0;margin:auto;width:min(440px,calc(100vw - 28px));max-height:min(90dvh,720px);overflow:auto;border:1px solid #d8e4f2;padding:0;background:#fff;color:#14253d;border-radius:20px;box-shadow:0 25px 80px #06182b66}
.spv-about-dialog::backdrop{background:#071629bb;backdrop-filter:blur(3px)}
.spv-about-inner{padding:clamp(20px,5vw,28px)}.spv-about-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.spv-about-kicker{font-size:.7rem;letter-spacing:.13em;font-weight:800;color:#2563eb}.spv-about-close{border:0;border-radius:10px;background:#eef3f9;color:#173252;width:36px;height:36px;font-size:1.5rem;cursor:pointer}.spv-about-dialog h2{font-size:clamp(1.55rem,5vw,2.1rem);line-height:1.1;letter-spacing:-.04em;margin:12px 0 7px;color:#0d2039}.spv-about-dialog p{font-size:.9rem;line-height:1.5;margin:9px 0}.spv-about-lead{font-weight:650;color:#49627f}.spv-about-ways{background:#f0f5fc;border-radius:12px;padding:10px 14px;margin:16px 0}.spv-about-ways p{margin:6px 0}.spv-about-punch{font-weight:800;color:#1458b6}.spv-about-done{width:100%;padding:12px 15px;border:0;border-radius:12px;background:#195bd4;color:white;font-weight:800;font-size:.95rem;margin-top:8px;cursor:pointer}.spv-about-fine{font-size:.72rem!important;color:#667d96;margin:9px 0 0!important}
@media(max-width:600px){#home .hero-about{padding:10px 12px}.spv-about-dialog p{font-size:.86rem;line-height:1.42}.spv-about-ways{margin:11px 0;padding:8px 12px}.spv-about-inner{padding:18px 20px}}

/* Premium layout refinement: whole blue hero is the button, no nested button. */
#home .hero{position:relative;padding:0!important;overflow:hidden}
#home .hero-about.hero-full{box-sizing:border-box;display:flex;width:100%;max-width:none;min-height:100%;margin:0;padding:clamp(20px,4vw,35px)!important;border:0!important;border-radius:inherit!important;background:transparent!important;box-shadow:none!important;gap:8px;justify-content:center;align-items:flex-start;text-align:left;cursor:pointer}
#home .hero-about.hero-full:hover{background:rgba(255,255,255,.06)!important}
#home .hero-about.hero-full:active{background:rgba(255,255,255,.12)!important}
#home .hero-about.hero-full .hero-about-label{font-size:clamp(34px,8vw,60px)!important;line-height:1.05;letter-spacing:-.045em;white-space:normal}
#home .hero-about.hero-full .hero-about-hint{font-size:clamp(13px,2.7vw,18px)!important;line-height:1.3}
#home .hero-about.hero-full .hero-about-description{font-size:clamp(14px,2.5vw,19px)!important;line-height:1.3;font-weight:700;color:#e0e9f7!important;margin-top:5px}
@media(max-width:700px){#home .hero-about.hero-full{padding:20px 22px!important}#home .hero-about.hero-full .hero-about-label{font-size:clamp(36px,9.4vw,53px)!important}}
/* Keep More options in the right column, directly below its own trigger. */
#simpleTimesheet .simple-navigation-row,#voiceView .voice-navigation-row{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:12px!important;align-items:start!important}
#simpleTimesheet .simple-navigation-row #simpleMore[open],#voiceView .voice-navigation-row .voice-more[open]{display:block!important;grid-column:2!important;grid-row:1!important;width:100%!important}
#simpleTimesheet .simple-navigation-row #simpleMore[open]>summary,#voiceView .voice-navigation-row .voice-more[open]>summary{display:flex!important;width:100%!important;grid-column:auto!important;grid-row:auto!important}
#simpleTimesheet .simple-navigation-row #simpleMore[open]>button,#simpleTimesheet .simple-navigation-row #simpleMore[open]>.paper-quick-toolbar,#voiceView .voice-navigation-row .voice-more[open] .voice-more-content{display:block;grid-column:auto!important;width:100%!important;box-sizing:border-box;margin-top:8px!important}
#simpleTimesheet .simple-navigation-row #simpleMore[open]>button{min-height:46px!important;white-space:normal;line-height:1.3;padding:9px 6px!important}
#voiceView .voice-navigation-row .voice-more-content{display:grid!important;gap:8px!important}
#voiceView .voice-navigation-row .voice-more-content button{margin:0!important}
@media(max-width:400px){#simpleTimesheet .simple-navigation-row,#voiceView .voice-navigation-row{gap:9px!important}}

/* v4: large, full-width hero typography, with no redundant description */
#home .hero-about.hero-full{align-items:stretch!important;gap:12px!important;padding:clamp(24px,5vw,42px)!important}
#home .hero-about.hero-full .hero-about-label{display:block;width:100%;max-width:100%;font-size:clamp(38px,8.8vw,78px)!important;line-height:1.02!important;letter-spacing:-.055em!important;white-space:normal!important}
#home .hero-about.hero-full .hero-about-hint{display:block;font-size:clamp(19px,4.7vw,26px)!important;line-height:1.23!important;font-weight:750!important;color:#e0efff!important}
#home .hero-about.hero-full .hero-about-hint span{font-size:1.2em;vertical-align:-.03em}
@media(max-width:700px){#home .hero-about.hero-full{padding:25px 23px!important;gap:14px!important}#home .hero-about.hero-full .hero-about-label{font-size:clamp(40px,10.5vw,64px)!important}}
/* Keep expanded menus readable on small screens. */
#simpleTimesheet .simple-navigation-row #simpleMore[open],#voiceView .voice-navigation-row .voice-more[open]{scroll-margin-top:78px;scroll-margin-bottom:18px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* v5: balanced vertical rhythm for all four home actions. */
#home:not([hidden]) .hero{margin-top:15px!important;margin-bottom:15px!important;flex-shrink:0}
#home:not([hidden]) .choices{gap:15px!important}
@media(max-width:700px){#home:not([hidden]) .hero{margin-top:14px!important;margin-bottom:14px!important}#home:not([hidden]) .choices{gap:14px!important}}
@media(max-height:650px){#home:not([hidden]) .hero{margin-top:10px!important;margin-bottom:10px!important}#home:not([hidden]) .choices{gap:10px!important}}

/* v6: More generous About panel, without changing its width. */
.spv-about-dialog{width:min(440px,calc(100vw - 28px))!important;max-height:calc(100dvh - 24px)!important;overflow-y:auto!important}
.spv-about-inner{padding:clamp(26px,6vw,36px) clamp(20px,5vw,28px)!important}
.spv-about-dialog h2{font-size:clamp(1.85rem,5.8vw,2.35rem)!important;margin:18px 0 12px!important}
.spv-about-dialog p{font-size:clamp(.97rem,3.3vw,1.05rem)!important;line-height:1.55!important;margin:13px 0!important}
.spv-about-ways{padding:15px 16px!important;margin:19px 0!important}
.spv-about-ways p{margin:10px 0!important}
.spv-about-done{padding:16px!important;font-size:1.03rem!important;margin-top:14px!important}
.spv-about-fine{font-size:.78rem!important;line-height:1.4!important}
@media(max-height:700px){.spv-about-dialog{max-height:calc(100dvh - 16px)!important}.spv-about-inner{padding-top:22px!important;padding-bottom:22px!important}}

/* About: clear two-line entries instead of awkward wrapped paragraphs. */
.spv-about-ways{display:grid;gap:0!important;padding:7px 17px!important}
.spv-about-way{display:flex;flex-direction:column;gap:3px;padding:12px 0;line-height:1.35}
.spv-about-way + .spv-about-way{border-top:1px solid #d9e4f2}
.spv-about-way strong{display:block;color:#173d73;font-size:clamp(1.02rem,3.5vw,1.12rem);font-weight:800}
.spv-about-way span{display:block;color:#435875;font-size:clamp(.96rem,3.3vw,1.04rem)}
@media(max-width:380px){.spv-about-ways{padding-left:13px!important;padding-right:13px!important}.spv-about-way{padding:10px 0}}