/* Desktop tuning.
 *
 * The style is flat, so the only thing that changes with screen size is
 * density and how far the card shadow spreads.
 */
@media (min-width:1001px){
  .card{margin-bottom:12px}
  .mini{margin-bottom:10px}
  .shell{gap:24px}
}

@media (min-width:1500px){
  .ap{--up:0 1px 2px rgba(16,24,40,.06), 0 12px 28px -12px rgba(16,24,40,.16)}
}

/* ------------------------------ control sizing ---------------------------
 * One height for everything in a row, so a toolbar reads as one piece.
 */
.ap .btn{height:46px;padding:0 24px;font-size:14.5px;line-height:1}
.ap input,.ap select{height:46px;line-height:1}
.ap textarea{height:auto;line-height:1.6}
.ap input[type=file]{height:auto}
.ap .pillbar{padding:4px}
.ap .pill{height:38px;padding:0 18px;line-height:1}
.ap .rbtn{padding:12px 16px;line-height:1.2}
.ap .fchip{min-height:44px;padding:0 16px;line-height:1}
.ap .fsort{height:44px;padding:0 40px 0 16px;line-height:1}
.ap .sum{height:46px;padding:0 18px;line-height:1}
.ap .movebtn{min-height:32px;padding:0 13px;line-height:1;display:inline-flex;
  align-items:center;justify-content:center}
.ap .attbtn{min-height:34px;padding:0 14px;line-height:1;display:inline-flex;
  align-items:center;justify-content:center}
.ap .chip{line-height:1;padding:6px 11px}
.ap .badge{line-height:1;padding:7px 12px}
.ap .daymore{min-height:42px;line-height:1;display:inline-flex;align-items:center;
  justify-content:center;padding:0 14px}

@media (max-width:560px){
  .ap .btn{padding:0 16px}
  .ap .pill{padding:0 10px}
  .ap .fchip{padding:0 13px}
}