/* Coordinated accents and a single stable, clickable status surface. */
.home-dashboard .home-shortcuts>a{--home-accent:#72b9f0}
.home-dashboard .home-shortcuts>a:has(.amber){--home-accent:#e9c270}.home-dashboard .home-shortcuts>a:has(.cyan):nth-child(2){--home-accent:#55cfbd}.home-dashboard .home-shortcuts>a:has(.blue){--home-accent:#6eaff0}.home-dashboard .home-shortcuts>a:has(.violet){--home-accent:#a6a2ed}.home-dashboard .home-shortcuts>a:nth-child(5){--home-accent:#80cfb0}
.home-dashboard .home-shortcuts>a,.home-dashboard .home-shortcuts>a:has(.neon-icon){--tile-light:var(--home-accent);border-color:color-mix(in srgb,var(--home-accent) 53%,#284257);background:radial-gradient(ellipse at 50% 0%,color-mix(in srgb,var(--home-accent) 21%,transparent),transparent 90%),linear-gradient(145deg,#132b40,#081b2b)}
.home-dashboard .home-shortcuts>a .neon-icon{color:var(--home-accent);border-color:color-mix(in srgb,var(--home-accent) 60%,transparent);background:radial-gradient(ellipse at 15% 0%,#ffffff32,transparent 62%),linear-gradient(145deg,color-mix(in srgb,var(--home-accent) 23%,#1b3042),#0a1c2e);box-shadow:inset 0 2px #fff5,inset 0 -2px #0004,2px 3px 0 color-mix(in srgb,var(--home-accent) 37%,#183045),4px 6px 0 #061624,8px 14px 17px #0006,0 0 25px color-mix(in srgb,var(--home-accent) 22%,transparent)}
.home-dashboard .home-shortcuts>a:hover{background:radial-gradient(ellipse at 50% 0%,color-mix(in srgb,var(--home-accent) 34%,transparent),transparent 90%),linear-gradient(145deg,#17374e,#0a2237);border-color:var(--home-accent)}
.home-dashboard #shopping{--tile-light:#55cfbd}.home-dashboard #reminders{--tile-light:#a6a2ed}.home-dashboard #meals{--tile-light:#80cfb0}.home-dashboard .archive-panel{--tile-light:#6eaff0}
.home-dashboard #shopping .neon-icon,.home-dashboard #reminders .neon-icon,.home-dashboard #meals .neon-icon,.home-dashboard .archive-panel .neon-icon{color:var(--tile-light)}
.home-dashboard #smart-home button.home-status-tile{--status-accent:#79c5f0;position:relative;overflow:hidden;cursor:pointer;color:#e3efff;min-height:142px;font-family:inherit;font-weight:400;text-align:center;gap:10px;outline-offset:3px;border-radius:10px;background:radial-gradient(ellipse at 50% -40%,color-mix(in srgb,var(--status-accent) 11%,transparent),transparent 80%),linear-gradient(145deg,#112c40,#081c2b)!important;border-color:#46708d80!important;box-shadow:inset 0 1px #effaff26,0 3px 0 #041422,0 7px 18px #0004!important;transition:border-color .18s ease,box-shadow .18s ease!important;transform:none!important}
.home-dashboard #smart-home button.home-status-tile:nth-child(1){--status-accent:#e9c270}.home-dashboard #smart-home button.home-status-tile:nth-child(2){--status-accent:#79bdf0}.home-dashboard #smart-home button.home-status-tile:nth-child(3){--status-accent:#6bd4c2}.home-dashboard #smart-home button.home-status-tile:nth-child(4){--status-accent:#73d2d3}.home-dashboard #smart-home button.home-status-tile:nth-child(5){--status-accent:#a6a2ed}.home-dashboard #smart-home button.home-status-tile:nth-child(6){--status-accent:#85b8ee}
.home-dashboard #smart-home button.home-status-tile>*{pointer-events:none}
.home-dashboard #smart-home button.home-status-tile .neon-icon{width:41px;height:41px;color:var(--status-accent)!important;transform:translateY(0)!important;filter:drop-shadow(0 0 7px color-mix(in srgb,var(--status-accent) 28%,transparent))!important;transition:transform .18s ease,filter .18s ease!important;background:none;border:none;box-shadow:none}
.home-dashboard #smart-home button.home-status-tile .ui-icon{color:inherit;filter:none!important;transform:none!important;pointer-events:none}
.home-dashboard #smart-home button.home-status-tile:hover{border-color:var(--status-accent)!important;box-shadow:inset 0 1px #effaff40,0 3px 0 #041422,0 7px 18px #0004,0 0 18px color-mix(in srgb,var(--status-accent) 15%,transparent)!important;background:radial-gradient(ellipse at 50% -40%,color-mix(in srgb,var(--status-accent) 11%,transparent),transparent 80%),linear-gradient(145deg,#112c40,#081c2b)!important;transform:none!important}
.home-dashboard #smart-home button.home-status-tile:hover .neon-icon{color:var(--status-accent)!important;transform:translateY(-3px)!important;filter:drop-shadow(0 0 10px color-mix(in srgb,var(--status-accent) 48%,transparent))!important}
.home-dashboard #smart-home button.home-status-tile:focus-visible{outline:3px solid var(--status-accent)}
.home-status-tile .status-name{font-size:15px;font-weight:650;line-height:1.2}.home-status-tile .status-copy{font-size:11px;color:var(--ref-muted);line-height:1.35}.home-status-tile .status-hint{font-size:9px;color:#92aeca;opacity:.8}
.status-dialog{width:min(480px,calc(100vw - 35px));padding:28px;border:1px solid #6d9eca80;border-radius:17px;background:linear-gradient(145deg,#142d43,#091c2d);color:#edf5ff;box-shadow:0 30px 100px #0008,inset 0 1px #fff2;font-family:Manrope,"Segoe UI",sans-serif}
.status-dialog::backdrop{background:#020a18ad;backdrop-filter:blur(7px)}
.status-dialog h2{font-size:27px;margin:10px 0 15px;letter-spacing:-.7px}.status-dialog p{font-size:16px;line-height:1.8;color:#b4cbe0;margin:0 0 18px}.status-dialog .status-dialog-caption{font-size:12px;color:#88a9c3;border-top:1px solid #6d9eca33;padding-top:15px}
.status-dialog button{font-family:inherit;width:100%;font-size:15px;color:#082848;background:linear-gradient(#8ad5fa,#66b6ed);border:1px solid #b8eaff66;box-shadow:inset 0 1px #fff8,0 5px 16px #0003;min-height:46px;border-radius:9px}
html[data-theme="light"] .home-dashboard .home-shortcuts>a,html[data-theme="light"] .home-dashboard .home-shortcuts>a:has(.neon-icon){background:radial-gradient(ellipse at 50% 0%,color-mix(in srgb,var(--home-accent) 10%,#fff),transparent 90%),linear-gradient(#fff,#edf5fc);border-color:color-mix(in srgb,var(--home-accent) 40%,#b1cde1);color:#264963}
html[data-theme="light"] .home-dashboard .home-shortcuts>a:hover{background:radial-gradient(ellipse at 50% 0%,color-mix(in srgb,var(--home-accent) 18%,#fff),transparent 90%),linear-gradient(#fff,#e9f3fc);border-color:color-mix(in srgb,var(--home-accent) 70%,#426c90)}
html[data-theme="light"] .home-dashboard .home-shortcuts>a .neon-icon{color:color-mix(in srgb,var(--home-accent) 55%,#123c5a);background:radial-gradient(ellipse at 0% 0%,#fff,transparent 65%),linear-gradient(#fff,color-mix(in srgb,var(--home-accent) 13%,#f3f8fc));border-color:color-mix(in srgb,var(--home-accent) 45%,#adc6da);box-shadow:inset 0 2px #fff,2px 3px 0 color-mix(in srgb,var(--home-accent) 30%,#ccdae5),4px 6px 0 #c7d9e74d,8px 12px 15px #355a7a21}
html[data-theme="light"] .home-dashboard #shopping .neon-icon,html[data-theme="light"] .home-dashboard #reminders .neon-icon,html[data-theme="light"] .home-dashboard #meals .neon-icon,html[data-theme="light"] .home-dashboard .archive-panel .neon-icon{color:color-mix(in srgb,var(--tile-light) 55%,#17394d)}
html[data-theme="light"] .home-dashboard #smart-home button.home-status-tile{color:#204b6d;background:radial-gradient(ellipse at 50% -40%,color-mix(in srgb,var(--status-accent) 8%,#fff),transparent 80%),linear-gradient(#fff,#eff6fb)!important;border-color:#bed1e1!important;box-shadow:inset 0 1px #fff,0 3px 0 #d7e3ed,0 6px 13px #355c7c15!important}
html[data-theme="light"] .home-dashboard #smart-home button.home-status-tile:hover{background:radial-gradient(ellipse at 50% -40%,color-mix(in srgb,var(--status-accent) 8%,#fff),transparent 80%),linear-gradient(#fff,#eff6fb)!important;border-color:color-mix(in srgb,var(--status-accent) 60%,#5a7e9b)!important;box-shadow:inset 0 1px #fff,0 3px 0 #d7e3ed,0 6px 13px #355c7c15,0 0 15px color-mix(in srgb,var(--status-accent) 14%,transparent)!important}
html[data-theme="light"] .home-dashboard #smart-home button.home-status-tile .neon-icon,html[data-theme="light"] .home-dashboard #smart-home button.home-status-tile:hover .neon-icon{color:color-mix(in srgb,var(--status-accent) 55%,#0d3b5d)!important}
html[data-theme="light"] .home-status-tile .status-hint{color:#597992}
html[data-theme="light"] .status-dialog{background:linear-gradient(#fff,#f1f7fd);color:#25465f;border-color:#9ab6ce;box-shadow:0 30px 100px #1636514d}
html[data-theme="light"] .status-dialog p{color:#4d6d88}html[data-theme="light"] .status-dialog .status-dialog-caption{color:#607c95;border-color:#a7bed355}
@media(max-width:540px){.home-dashboard #smart-home button.home-status-tile{min-height:133px;padding:13px 5px;gap:8px}.home-status-tile .status-name{font-size:13px}.home-status-tile .status-copy{font-size:10px}.home-status-tile .status-hint{font-size:8px}.status-dialog{padding:23px}.status-dialog h2{font-size:24px}.status-dialog p{font-size:15px}}
@media(prefers-reduced-motion:reduce){.home-dashboard #smart-home button.home-status-tile,.home-dashboard #smart-home button.home-status-tile .neon-icon{transition:none!important}.home-dashboard #smart-home button.home-status-tile:hover .neon-icon{transform:none!important}}


/* Status controls share the shortcut tiles' sculpted finish; hit targets stay fixed. */
.home-dashboard #smart-home button.home-status-tile{min-height:176px;gap:12px;border-radius:14px;border-color:color-mix(in srgb,var(--status-accent) 48%,#284257)!important;background:radial-gradient(ellipse at 50% 0%,color-mix(in srgb,var(--status-accent) 21%,transparent),transparent 90%),linear-gradient(145deg,#132b40,#081b2b)!important;box-shadow:inset 0 2px #fff3,inset 1px 0 #c6e8ff18,0 4px 0 #041422,0 12px 23px #0005!important}
.home-dashboard #smart-home button.home-status-tile::before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(130deg,#ffffff16,transparent 40%,transparent 70%,#ffffff05);opacity:.7;transition:opacity .22s ease;box-shadow:inset 0 1px #fff3!important}
.home-dashboard #smart-home button.home-status-tile .neon-icon{position:relative;display:grid;place-items:center;width:56px;height:56px;border-radius:14px;border:1px solid color-mix(in srgb,var(--status-accent) 60%,transparent);background:radial-gradient(ellipse at 15% 0%,#ffffff32,transparent 62%),linear-gradient(145deg,color-mix(in srgb,var(--status-accent) 23%,#1b3042),#0a1c2e);box-shadow:inset 0 2px #fff5,inset 0 -2px #0004,2px 3px 0 color-mix(in srgb,var(--status-accent) 37%,#183045),4px 6px 0 #061624,8px 14px 17px #0006,0 0 25px color-mix(in srgb,var(--status-accent) 22%,transparent);transform:perspective(450px) rotateX(15deg) rotateY(-16deg)!important;filter:none!important;transition:transform .22s ease,filter .22s ease!important;overflow:visible}
.home-dashboard #smart-home button.home-status-tile .neon-icon::before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(130deg,#ffffff4f,transparent 45%,transparent 70%,#ffffff11);border-top:1px solid #fff7}
.home-dashboard #smart-home button.home-status-tile .ui-icon{width:29px;height:29px;filter:drop-shadow(0 0 5px currentColor)!important}
.home-dashboard #smart-home button.home-status-tile:is(:hover,:focus-visible){background:radial-gradient(ellipse at 50% 0%,color-mix(in srgb,var(--status-accent) 21%,transparent),transparent 90%),linear-gradient(145deg,#132b40,#081b2b)!important;border-color:var(--status-accent)!important;box-shadow:inset 0 2px #fff6,inset 1px 0 #c6e8ff25,0 4px 0 #041422,0 15px 28px #0006,0 0 25px color-mix(in srgb,var(--status-accent) 25%,transparent)!important}
.home-dashboard #smart-home button.home-status-tile:is(:hover,:focus-visible)::before{opacity:1}
.home-dashboard #smart-home button.home-status-tile:is(:hover,:focus-visible) .neon-icon{transform:perspective(450px) translateY(-7px) rotateX(3deg) rotateY(-5deg) scale(1.07)!important;filter:brightness(1.25)!important}
.home-status-tile .status-name{font-size:17px;font-weight:750}.home-status-tile .status-copy{font-size:12px}.home-status-tile .status-hint{font-size:10px;color:var(--status-accent);opacity:.9}
html[data-theme="light"] .home-dashboard #smart-home button.home-status-tile,html[data-theme="light"] .home-dashboard #smart-home button.home-status-tile:is(:hover,:focus-visible){background:radial-gradient(ellipse at 50% 0%,color-mix(in srgb,var(--status-accent) 13%,#fff),transparent 90%),linear-gradient(#fff,#edf5fc)!important;border-color:color-mix(in srgb,var(--status-accent) 40%,#b1cde1)!important;box-shadow:inset 0 2px #fff,0 4px 0 #cedeea,0 12px 23px #355c7c21!important}
html[data-theme="light"] .home-dashboard #smart-home button.home-status-tile:is(:hover,:focus-visible){border-color:color-mix(in srgb,var(--status-accent) 70%,#426c90)!important;box-shadow:inset 0 2px #fff,0 4px 0 #cedeea,0 15px 28px #355c7c2b,0 0 20px color-mix(in srgb,var(--status-accent) 20%,transparent)!important}
html[data-theme="light"] .home-dashboard #smart-home button.home-status-tile .neon-icon{background:radial-gradient(ellipse at 0% 0%,#fff,transparent 65%),linear-gradient(#fff,color-mix(in srgb,var(--status-accent) 13%,#f3f8fc));border-color:color-mix(in srgb,var(--status-accent) 45%,#adc6da);box-shadow:inset 0 2px #fff,2px 3px 0 color-mix(in srgb,var(--status-accent) 30%,#ccdae5),4px 6px 0 #c7d9e74d,8px 12px 15px #355a7a21}
html[data-theme="light"] .home-status-tile .status-hint{color:#597992}
@media(max-width:540px){.home-dashboard #smart-home button.home-status-tile{min-height:158px}.home-dashboard #smart-home button.home-status-tile .neon-icon{width:48px;height:48px}.home-status-tile .status-name{font-size:15px}}
@media(hover:none),(prefers-reduced-motion:reduce){.home-dashboard #smart-home button.home-status-tile .neon-icon,.home-dashboard #smart-home button.home-status-tile:is(:hover,:focus-visible) .neon-icon{transform:none!important;transition:none!important;filter:none!important}.home-dashboard #smart-home button.home-status-tile::before{transition:none}}
/* Cursor lighting matches the shortcut finish; the button hitbox never transforms. */
.home-dashboard #smart-home button.home-status-tile.surface-3d{--tile-light:var(--status-accent);isolation:isolate;transform-style:flat!important}
.home-dashboard #smart-home button.home-status-tile.surface-3d::before{z-index:0;background:radial-gradient(ellipse at var(--shine-x,50%) var(--shine-y,0%),#ffffff38,transparent 60%),linear-gradient(130deg,#ffffff18,transparent 42%,transparent 70%,#ffffff06);opacity:.4}
.home-dashboard #smart-home button.home-status-tile.surface-3d:is(:hover,:focus-visible)::before{opacity:1}
.home-dashboard #smart-home button.home-status-tile.surface-3d>*{position:relative;z-index:1}
.home-dashboard #smart-home button.home-status-tile.surface-3d .neon-icon{box-shadow:inset 0 2px #fff6,inset 2px 0 #fff2,inset 0 -2px #0004,2px 3px 0 color-mix(in srgb,currentColor 35%,#102338),4px 6px 0 #041222,8px 14px 15px #0006,0 0 20px color-mix(in srgb,currentColor 20%,transparent)}
.home-dashboard #smart-home button.home-status-tile.surface-3d .neon-icon::after{content:"";position:absolute;left:8%;right:8%;bottom:-17px;height:14px;border-radius:50%;background:currentColor;filter:blur(12px);opacity:.45;pointer-events:none;z-index:-1}
.home-dashboard #smart-home button.home-status-tile.surface-3d .ui-icon{filter:drop-shadow(0 1px #fff2) drop-shadow(0 0 5px currentColor) drop-shadow(0 0 12px color-mix(in srgb,currentColor 50%,transparent))!important}
.home-dashboard #smart-home button.home-status-tile.surface-3d:is(:hover,:focus-visible) .neon-icon{transform:perspective(450px) translateY(-7px) rotateX(calc(3deg + var(--card-rx,0deg))) rotateY(calc(-5deg + var(--card-ry,0deg))) scale(1.07)!important;box-shadow:inset 0 2px #fff8,inset 0 -2px #0004,2px 4px 0 color-mix(in srgb,currentColor 40%,#102338),4px 7px 0 #041222,9px 18px 20px #0007,0 0 30px color-mix(in srgb,currentColor 32%,transparent)}
html[data-theme="light"] .home-dashboard #smart-home button.home-status-tile.surface-3d .neon-icon{box-shadow:inset 0 2px #fff,2px 3px 0 color-mix(in srgb,currentColor 25%,#d3dfea),4px 7px 0 #b9cbd94d,8px 12px 17px #3b5d7c26}
html[data-theme="light"] .home-dashboard #smart-home button.home-status-tile.surface-3d:is(:hover,:focus-visible) .neon-icon{box-shadow:inset 0 2px #fff,2px 4px 0 color-mix(in srgb,currentColor 30%,#c4d5e4),4px 7px 0 #b9cbd94d,9px 17px 20px #3b5d7c30,0 0 25px color-mix(in srgb,currentColor 18%,transparent)}
html[data-theme="light"] .home-dashboard #smart-home button.home-status-tile.surface-3d .ui-icon{filter:drop-shadow(0 1px #fff) drop-shadow(0 2px 3px color-mix(in srgb,currentColor 30%,transparent))!important}
@media(hover:none),(prefers-reduced-motion:reduce){.home-dashboard #smart-home button.home-status-tile.surface-3d .neon-icon,.home-dashboard #smart-home button.home-status-tile.surface-3d:is(:hover,:focus-visible) .neon-icon{transform:none!important;filter:none!important;transition:none!important}.home-dashboard #smart-home button.home-status-tile.surface-3d::before{background:linear-gradient(130deg,#ffffff12,transparent 50%);transition:none}}
/* The complete visual card tilts inside an unmoving accessible button hit area. */
.home-dashboard #smart-home button.home-status-tile.surface-3d,
.home-dashboard #smart-home button.home-status-tile.surface-3d:is(:hover,:focus-visible),
html[data-theme="light"] .home-dashboard #smart-home button.home-status-tile.surface-3d,
html[data-theme="light"] .home-dashboard #smart-home button.home-status-tile.surface-3d:is(:hover,:focus-visible){background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible;transform:none!important;padding:0;perspective:900px;min-height:176px}
.home-dashboard #smart-home button.home-status-tile.surface-3d::before{display:none}
.home-dashboard #smart-home button.home-status-tile.surface-3d>.status-face{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:20px 8px;border:1px solid color-mix(in srgb,var(--status-accent) 48%,#284257);border-radius:14px;background:radial-gradient(ellipse at 50% 0%,color-mix(in srgb,var(--status-accent) 21%,transparent),transparent 90%),linear-gradient(145deg,#132b40,#081b2b);box-shadow:inset 0 2px #fff3,inset 1px 0 #c6e8ff18,0 4px 0 #041422,0 12px 23px #0005;transform:perspective(900px) translateY(0) rotateX(0deg) rotateY(0deg);transition:transform .18s ease-out,box-shadow .22s,border-color .22s;pointer-events:none;isolation:isolate}
.home-dashboard #smart-home .status-face::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at var(--shine-x,50%) var(--shine-y,0%),#ffffff38,transparent 60%),linear-gradient(130deg,#ffffff18,transparent 42%,transparent 70%,#ffffff06);opacity:.4;transition:opacity .2s}
.home-dashboard #smart-home button.home-status-tile.surface-3d:is(:hover,:focus-visible)>.status-face{transform:perspective(900px) translateY(-7px) rotateX(var(--card-rx,0deg)) rotateY(var(--card-ry,0deg));border-color:var(--status-accent);box-shadow:inset 0 2px #fff6,0 4px 0 color-mix(in srgb,var(--status-accent) 25%,#041422),0 8px 0 #041422,0 24px 35px #0007,0 0 28px color-mix(in srgb,var(--status-accent) 22%,transparent)}
.home-dashboard #smart-home button.home-status-tile.surface-3d:is(:hover,:focus-visible)>.status-face::before{opacity:1}
.home-dashboard #smart-home button.home-status-tile.surface-3d:is(:hover,:focus-visible) .neon-icon{transform:perspective(450px) translateY(-4px) rotateX(3deg) rotateY(-5deg) scale(1.07)!important}
html[data-theme="light"] .home-dashboard #smart-home button.home-status-tile.surface-3d>.status-face{background:radial-gradient(ellipse at 50% 0%,color-mix(in srgb,var(--status-accent) 13%,#fff),transparent 90%),linear-gradient(#fff,#edf5fc);border-color:color-mix(in srgb,var(--status-accent) 40%,#b1cde1);box-shadow:inset 0 2px #fff,0 4px 0 #cedeea,0 12px 23px #355c7c21}
html[data-theme="light"] .home-dashboard #smart-home button.home-status-tile.surface-3d:is(:hover,:focus-visible)>.status-face{border-color:color-mix(in srgb,var(--status-accent) 70%,#426c90);box-shadow:inset 0 2px #fff,0 4px 0 #cedeea,0 21px 32px #355c7c32,0 0 24px color-mix(in srgb,var(--status-accent) 20%,transparent)}
@media(max-width:540px){.home-dashboard #smart-home button.home-status-tile.surface-3d{min-height:158px}.home-dashboard #smart-home button.home-status-tile.surface-3d>.status-face{gap:8px;padding:13px 5px}}
@media(hover:none),(prefers-reduced-motion:reduce){.home-dashboard #smart-home button.home-status-tile.surface-3d>.status-face,.home-dashboard #smart-home button.home-status-tile.surface-3d:is(:hover,:focus-visible)>.status-face,.home-dashboard #smart-home button.home-status-tile.surface-3d:is(:hover,:focus-visible) .neon-icon{transform:none!important;transition:none!important}}