/* Motion 01: new view; Motion 02: confirmed save feedback. */
.toast.motion-success{display:flex;align-items:center;gap:9px;animation:kitaki-success-enter 180ms cubic-bezier(.22,1,.36,1) both}
.toast.motion-success::before{content:'';display:block;flex:0 0 10px;height:10px;border-radius:50%;background:#79d9ad;animation:kitaki-success-check 180ms cubic-bezier(.22,1,.36,1) both}
@keyframes kitaki-success-enter{from{opacity:.35;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes kitaki-success-check{from{opacity:.2;transform:scale(.6)}to{opacity:1;transform:scale(1)}}

/* Motion 03: the selected property detail enters from its list column. */
.property-rental-grid>.panel:nth-child(2){min-width:0}
.ledger-property-editor{transform-origin:right center}

/* Motion 04: actual filtered rows move into their final positions. */
.ledger-panel tbody tr,.property-rental-grid .property-list>button{will-change:auto}

/* Motion 05: daily date selection stays visually connected to the agenda. */
.dr-date-nav input[type="date"]{padding:7px 10px;border-radius:10px;background:#edf5ff}

/* Motion 06-09: changed dashboard values, ledger columns, verified sync, shortcut positions. */
.mobile-home-feature-item{position:relative}
#save-sync-status{--motion-fill:0%;max-width:min(440px,calc(100vw - 24px));padding:14px 16px 20px;overflow:hidden;line-height:1.55;font-weight:700}
#save-sync-status::before,#save-sync-status::after{position:absolute;left:0;bottom:0;height:4px;content:""}
#save-sync-status::before{right:0;background:#d7e6dd}
#save-sync-status::after{width:var(--motion-fill);background:#16855d;transition:width 620ms cubic-bezier(.22,1,.36,1)}
#save-sync-status[data-sync-status="pending"]{--motion-fill:66%;border-color:#e2b66a;color:#704a0f;background:#fff6e6}
#save-sync-status[data-sync-status="pending"]::after{background:#c48320}
#save-sync-status[data-sync-status="synced"]{--motion-fill:100%}
#save-sync-status[data-sync-status="superseded"]{--motion-fill:66%;border-color:#b8c9d4;color:#40596c;background:#f1f6f9}
#save-sync-status[data-sync-status="superseded"]::after{background:#7894a6}
#save-sync-status[data-sync-status="not_applicable"]::before,#save-sync-status[data-sync-status="not_applicable"]::after{display:none}
.motion-preferences{margin-top:18px}
.motion-preferences label{display:flex;align-items:center;gap:8px;font-weight:700}
.motion-preferences input{width:18px;height:18px;accent-color:#2368d9}
.motion-preferences p{margin:8px 0 0;color:#687b8d;font-size:12px}

@media(prefers-reduced-motion:reduce){.toast.motion-success,.toast.motion-success::before,.operation-status-spinner{animation:none!important}}
body.kitaki-motion-reduced .toast.motion-success,body.kitaki-motion-reduced .toast.motion-success::before,body.kitaki-motion-reduced .operation-status-spinner{animation:none!important}
@media(prefers-reduced-motion:reduce){#save-sync-status::after{transition:none!important}}
body.kitaki-motion-reduced #save-sync-status::after{transition:none!important}
@media print{.toast.motion-success,.motion-preferences,#save-sync-status{display:none!important}}