/* 每日记账日期选择：装饰层移动，原按钮和查询事件保持不变。 */
#daily-periods{position:relative;isolation:isolate}
#daily-periods>.daily-period-pill{position:absolute;top:0;left:0;pointer-events:none;z-index:0;border-radius:var(--ui-radius,12px);background:var(--admin-surface);box-shadow:0 3px 10px rgba(var(--admin-accent-rgb),.12);will-change:transform}
body[data-theme="liquid"] #daily-periods>.daily-period-pill{background:rgba(255,255,255,.74);border:1px solid rgba(255,255,255,.85);box-sizing:border-box;box-shadow:inset 0 1px 1px rgba(255,255,255,.8),0 3px 12px rgba(40,42,60,.12)}
#daily-periods.period-motion-ready>button{position:relative;z-index:1}
#daily-periods.period-motion-ready>button.active{background:transparent!important;box-shadow:none!important}
@layer daily-liquid-periods {
  /* 收起、展开均占同一筛选行；标签、日期与操作按钮共用垂直中心。 */
  #daily-page .daily-filter{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-end!important;flex-wrap:nowrap!important;gap:24px}
  #daily-page .daily-filter .custom-range{display:flex!important;align-items:center!important;flex-wrap:nowrap!important;gap:10px;flex:none}
  #daily-page .daily-filter .custom-range label{display:flex!important;flex-direction:row!important;align-items:center!important;gap:8px;white-space:nowrap}
  #daily-page .daily-filter :is(#daily-period-trigger,#daily-start,#daily-end,#daily-search){height:40px!important;margin:0!important;box-sizing:border-box}
  #daily-page .daily-period-split{display:flex;align-items:center;min-height:40px!important;height:40px;transition:width .6s cubic-bezier(.22,.75,.25,1)!important}
  #daily-page .daily-period-split.split-open{width:calc(var(--split-step) * 5)}
  #daily-page #daily-periods,#daily-page #daily-periods>[data-period],#daily-page .daily-period-goo>i{height:40px!important}
  #daily-page #daily-periods{position:absolute!important;left:0!important;top:0!important;width:calc(var(--split-step) * 5)!important;flex:none!important}
  @media(max-width:760px){#daily-page .daily-filter{justify-content:flex-start!important;overflow-x:auto!important;scrollbar-width:none}#daily-page .daily-filter::-webkit-scrollbar{height:0}}
  .daily-period-split{--split-step:80px;position:relative;width:104px;min-height:44px;flex:none;z-index:20}
  #daily-period-trigger{min-width:104px;height:44px;transition:opacity .4s ease,scale .6s cubic-bezier(.22,.75,.25,1)!important}
  .daily-period-split.split-open>#daily-period-trigger{opacity:0;scale:.8;pointer-events:none}
  #daily-periods{position:absolute;left:0;top:0;width:calc(var(--split-step) * 5);height:44px;background:transparent!important;padding:0!important;border:0!important;box-shadow:none!important;overflow:visible;isolation:isolate}
  #daily-periods[hidden]{display:none!important}
  #daily-periods>.daily-period-pill{display:none!important}
  #daily-periods>[data-period],.daily-period-goo>i{position:absolute!important;left:calc(var(--split-index) * var(--split-step));top:0;width:calc(var(--split-step) - 6px);height:44px;box-sizing:border-box;border-radius:var(--ui-radius,12px);translate:calc(var(--split-index) * var(--split-step) * -1) 0;scale:.7;opacity:0;transform-origin:center;transition:translate .6s cubic-bezier(.22,.75,.25,1),scale .6s cubic-bezier(.22,.75,.25,1),opacity .35s ease!important}
  #daily-periods>[data-period]{z-index:1;padding:8px 10px!important;white-space:nowrap}
  .daily-period-goo{position:absolute;inset:0;z-index:0;pointer-events:none;filter:url(#daily-period-goo-filter)}
  .daily-period-goo>i{background:rgba(var(--admin-accent-rgb),.2)}
  .split-open #daily-periods>[data-period],.split-open .daily-period-goo>i{translate:0 0;scale:1;opacity:1}
  .daily-period-defs{position:absolute;width:0;height:0;pointer-events:none}
  @media(max-width:650px){.daily-period-split{--split-step:58px}#daily-periods>[data-period]{padding:8px 4px!important;font-size:12px}}
}
