/* AlltagsPilot 12.4 – Studio Flow: progressive polish, no new services */
:root { --ap124-ease:cubic-bezier(.2,.72,.25,1); }
/* Enter, not exit: preserve existing tab state, scroll semantics, and form values. */
.view.active { animation:ap124-enter .24s var(--ap124-ease) both; }
@keyframes ap124-enter {
 from{opacity:.65;transform:translate3d(0,8px,0)}
 to{opacity:1;transform:translate3d(0,0,0)}
}
/* Familiar, tactile micro-interactions for tappable controls. */
:is(.v11-quick button,.v9-dock-item,.primary,.secondary,.v8-action,.ap12-search-launch,.ap124-customize){
 transition:transform .16s ease, background-color .16s ease,border-color .16s ease,box-shadow .16s ease;
 -webkit-tap-highlight-color:transparent;
}
:is(.v11-quick button,.v9-dock-item,.primary,.secondary,.v8-action,.ap12-search-launch,.ap124-customize):active:not(:disabled){transform:scale(.975);}
@media(hover:hover) and (pointer:fine){
 .v11-quick button:hover {border-color:#639f9b;transform:translateY(-2px);box-shadow:0 9px 25px rgba(0,10,28,.16)}
 .ap124-customize:hover {background:rgba(107,171,174,.15);border-color:#648d9a}
}
/* Personalizable, calm dashboard controls. */
.ap124-layout-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:12px 0 13px}
.ap124-kicker{display:block;font-size:10px;letter-spacing:1.25px;font-weight:780;color:#8fcfca;margin-bottom:4px}
.ap124-layout-heading h3{margin:0;font-size:17px;font-weight:760;letter-spacing:-.35px;color:#ecf7fa}
.ap124-customize{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:9px 13px;border:1px solid #3a6271;background:rgba(35,61,77,.64);color:#e0f5f6;border-radius:13px;font-size:12px;font-weight:720;white-space:nowrap}
.ap124-customize[aria-expanded="true"]{background:rgba(81,147,143,.22);border-color:#7ab3aa}
.ap124-customize-panel{display:grid;gap:13px;padding:17px 18px;margin-bottom:16px;border:1px solid #3a5e65;background:linear-gradient(120deg,rgba(24,57,66,.92),rgba(22,36,56,.96));border-radius:17px}
.ap124-customize-panel[hidden],[data-ap124-widget][hidden]{display:none!important}
.ap124-customize-copy strong{font-size:14px;color:#e4f9f4}
.ap124-customize-copy p{margin:5px 0 0;color:#bfd0de;font-size:12px;line-height:1.5}
.ap124-picks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.ap124-picks label{display:flex;align-items:center;gap:10px;min-height:48px;padding:10px 12px;border:1px solid #395469;background:#13283b;border-radius:12px;cursor:pointer;font-size:13px;color:#e4f4f7;font-weight:650}
.ap124-picks input{accent-color:#85e5d3;width:18px;height:18px;flex-shrink:0;cursor:pointer}
.ap124-picks input:focus-visible{outline:3px solid #b8ffea;outline-offset:3px}
.ap124-saved{margin:0;color:#a8d8cc;font-size:12px;line-height:1.5}
html[data-v8-theme="light"] .ap124-layout-heading h3{color:#244558}
html[data-v8-theme="light"] .ap124-kicker{color:#29786e}
html[data-v8-theme="light"] .ap124-customize{background:#e9f5f6;color:#214f58;border-color:#b8d6db}
html[data-v8-theme="light"] .ap124-customize-panel{background:#f2faf9;border-color:#c1d9db}
html[data-v8-theme="light"] .ap124-customize-copy strong{color:#26464e}
html[data-v8-theme="light"] .ap124-customize-copy p,html[data-v8-theme="light"] .ap124-saved{color:#3b6667}
html[data-v8-theme="light"] .ap124-picks label{background:#e8f5f4;color:#204650;border-color:#c2d9db}
@media(max-width:780px){
 .ap124-layout-heading{margin:10px 0 11px}
 .ap124-layout-heading h3{font-size:15px}
 .ap124-kicker{font-size:9px}
 .ap124-picks{grid-template-columns:1fr}
 .ap124-picks label{min-height:46px}
 .ap124-customize-panel{padding:15px}
}
@media(max-width:360px){
 .ap124-layout-heading h3{font-size:14px}
 .ap124-customize{padding:8px 9px;font-size:11px}
}
@media(prefers-reduced-motion:reduce){
 .view.active{animation:none!important}
 :is(.v11-quick button,.v9-dock-item,.primary,.secondary,.v8-action,.ap12-search-launch,.ap124-customize){transition:none!important}
 :is(.v11-quick button,.v9-dock-item,.primary,.secondary,.v8-action,.ap12-search-launch,.ap124-customize):active:not(:disabled){transform:none!important}
}
/* Day uses an ordered flex column in V12: keep customization directly above the detail cards. */
#day > .ap124-layout-heading {order:6}
#day > .ap124-customize-panel {order:7}
#day > .v8-layout {order:8}
#day > .v10-cloud-strip {order:9}
#day > .v8-note {order:10}
#day > .install-banner {order:11}