.plannerbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin:20px 0}.plannerbar .field,.panel .toolbar .field{width:auto;max-width:220px}.segmented{display:flex;background:#eef3f3;border-radius:9px;padding:3px}.segmented button{border:0;padding:8px 11px;background:none;border-radius:7px;color:#657788}.segmented button.on{background:#11858a;color:white}.calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.calendar-month{gap:5px}.calday{border:1px solid #e0e8ea;border-radius:10px;min-height:145px;padding:10px;min-width:0}.calendar-month .calday{min-height:105px;padding:6px}.caldate{display:flex;justify-content:space-between;align-items:center;color:#7e909b;font-size:11px;margin-bottom:12px}.caldate b{color:#16354a;font-size:15px}.calorder{background:#eef8f6;border-left:3px solid #11858a;border-radius:5px;padding:7px;margin:5px 0;overflow-wrap:anywhere}.calorder b,.calorder span,.calorder small{display:block;font-size:11px}.calorder span{margin-top:4px}.calorder small{color:#7c8b96;margin:4px 0}.calempty{font-size:11px;color:#a6b2ba}.calendar-month .calempty{display:none}@media(max-width:1000px){.calendar{grid-template-columns:repeat(2,minmax(0,1fr))}.calendar-month{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:600px){.calendar,.calendar-month{grid-template-columns:1fr}.calday{min-height:90px}.plannerbar{align-items:stretch}}