/* D-74: モバイルの操作順を維持し、広い画面では情報を横に配置する。 */
.sidebar-brand,.desktop-only{display:none}
.admin-sidebar{margin-top:auto}

@media(min-width:768px){
  .admin-app{max-width:none;width:100%;box-shadow:none}
  .admin-app>.content{padding:24px;gap:20px}
  .admin-app>.header{padding:20px 24px}
  .home-page>.content,.settings-page>.content{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
  .home-page .home-actions,.home-page .content>.notice,.settings-page .content>.row,.settings-page .content>.notice{grid-column:1/-1}
  .home-page .content>.home-timeline{grid-column:1/-1}
  .customer-list-page .content{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start}
  .customer-list-page .content>.empty,.customer-list-page .content>form,.customer-list-page .content>.notice{grid-column:1/-1}
  .customer-actions{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
  .stats-page .stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ledger-head,.ledger-body{min-width:calc(40px + var(--columns)*110px)}
  .ledger-booking{font-size:13px;padding:6px}
  .ledger-booking small{font-size:11px}
}

@media(min-width:1100px){
  .admin-app{width:calc(100% - 232px);margin:0 0 0 232px;min-height:100dvh}
  .admin-app>.content{width:100%;max-width:1440px;margin:0 auto;padding:28px 36px}
  .admin-app>.header{position:relative;padding:28px 180px 24px 36px;min-height:112px;gap:12px}
  .admin-app>.header>.brand-logo{position:absolute;right:36px;top:22px;width:100px;margin:0}
  .admin-app>.header h1{font-size:24px}
  .admin-app .admin-sidebar{display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;width:232px;background:var(--c-surface);border-right:1px solid var(--c-border);padding:32px 18px;overflow-y:auto;z-index:10}
  .sidebar-brand{display:flex;flex-direction:column;align-items:center;gap:8px;padding:0 0 28px;text-align:center;overflow-wrap:anywhere}
  .sidebar-brand>.brand-logo{width:164px;margin-bottom:12px}
  .sidebar-brand>p{font-size:14px;font-weight:700}
  .admin-sidebar .nav{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;border:0;background:transparent}
  .admin-sidebar .nav>a{flex-direction:row;justify-content:flex-start;gap:14px;padding:14px 16px;font-size:15px;min-height:54px}
  .admin-sidebar .nav .brand-logo{width:30px}
  .admin-sidebar .nav .active{box-shadow:inset 3px 0 var(--c-primary)}
  .home-page .home-actions{gap:20px}
  .home-page .home-actions .button{min-height:144px;font-size:16px;gap:14px}
  .home-page .home-actions svg{width:36px;height:36px}
  .home-page>.content{grid-template-columns:minmax(0,2fr) minmax(280px,1fr)}
  .home-page .card,.settings-page .card{padding:24px}
  .home-page .card h2{font-size:17px}
  .customer-list-page .content{grid-template-columns:repeat(3,minmax(0,1fr))}
  .customer-list-page .header form{max-width:800px}
  .stats-page .content{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
  .stats-page .stats-grid,.stats-page .content>.muted{grid-column:1/-1}
  .stats-page .content>.stats-card:last-child{grid-column:2;grid-row:1}
  .stats-page .stats-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
  .stats-page .stats-period{max-width:520px}
  .calendar-page>.header{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding-right:36px;padding-top:100px}
  .calendar-page .ledger-scroll{height:clamp(480px,65vh,850px);margin-top:0}
  .calendar-page .ledger-head{font-size:14px}
  .admin-app:not(.home-page):not(.calendar-page):not(.settings-page):not(.customer-list-page):not(.stats-page)>.content{max-width:960px}
  .admin-app .sheet{width:100%;max-width:960px;margin-left:auto;margin-right:auto}
}
.calendar-page .ledger-scroll.day-board{height:auto;max-height:65vh}