.date-calendar{box-sizing:border-box;width:100%;max-width:370px;min-width:220px;padding:12px;background:#211a14;border:1px solid #654b31;border-radius:12px;color:#f3e9dc;font:13px/1.4 system-ui;cursor:default}.date-calendar-head{display:grid;grid-template-columns:32px 1fr 32px;align-items:center;gap:7px;text-align:center;margin-bottom:10px}.date-calendar-head strong{text-transform:capitalize;font-size:14px}.date-calendar button{box-sizing:border-box;min-height:32px;min-width:0;padding:5px;border:1px solid transparent;border-radius:7px;background:transparent;color:#f3e9dc;font:600 13px system-ui;cursor:pointer;box-shadow:none}.date-calendar button:hover{background:#493423}.date-calendar-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;text-align:center}.date-calendar-weekday{font-size:10px;color:#b9a894;padding:4px 0}.date-calendar button[aria-pressed=true]{background:#d9b27c;color:#17110d;border-color:#d9b27c}.date-calendar .is-today{border-color:#96764b}.date-calendar button:disabled{opacity:.25;cursor:default}.date-calendar button:focus-visible{outline:2px solid #d9b27c;outline-offset:1px}.date-calendar-foot{display:flex;gap:5px;align-items:center;flex-wrap:wrap;border-top:1px solid #493628;padding-top:7px;margin-top:8px;font-size:11px;color:#b9a894}.date-calendar-foot span{margin-right:auto}.date-calendar-foot button{font-size:11px;min-height:26px;padding:3px 7px}.date-calendar-months{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.date-calendar-error{outline:2px solid #f08c78}.erp-fields:has(.date-calendar){grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.erp-tools:has(.date-calendar){align-items:flex-start}dialog .date-calendar{max-width:340px}@media(max-width:420px){.date-calendar{min-width:0}.erp-fields:has(.date-calendar){grid-template-columns:1fr}}

.date-calendar-days{touch-action:none;user-select:none}.date-calendar .in-range{background:#8f6d42;color:#fff}.date-calendar small{display:block;font-size:11px;color:#c9b698;margin-top:7px}
.date-calendar:has(.date-calendar-pair){max-width:720px}.date-calendar-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}.date-calendar-month-name{text-align:center;font-weight:700;margin:2px 0 6px;color:#d9b27c}.date-calendar-pair .date-calendar-days{touch-action:none;user-select:none}
@media(max-width:600px){.date-calendar-pair{grid-template-columns:1fr}}