/* AXLE ONE unified interaction system (cloud + prototype).
   Dates are DD/MM/YYYY in UI; underlying date inputs retain ISO for storage.
   Keep the scrollbars invisible, never disable scrolling or keyboard focus. */
.axle-native-control{position:absolute!important;left:-10000px!important;top:auto!important;opacity:0!important;width:1px!important;height:1px!important;min-width:1px!important;min-height:1px!important;padding:0!important;margin:0!important;pointer-events:none!important;overflow:hidden!important}
.axle-select-trigger,.axle-date-input,.axle-calendar-trigger,.axle-dialog-input{
  font:inherit;color:#f5f5f5;background:#141414;border:1px solid #484848;border-radius:9px;
}
.axle-select-trigger{display:flex;width:100%;min-height:43px;align-items:center;justify-content:space-between;gap:12px;text-align:left;padding:11px 12px;cursor:pointer;white-space:normal}
.axle-select-trigger::after{content:"";width:8px;height:8px;flex:0 0 8px;border-right:2px solid #e7b122;border-bottom:2px solid #e7b122;transform:rotate(45deg) translateY(-2px)}
.axle-select-trigger[aria-expanded="true"]{border-color:#e7b122;background:#262113}
.axle-date-control{display:flex;align-items:stretch;width:100%;min-width:0}
.axle-date-input{width:100%;min-width:0;min-height:43px;padding:11px 12px;border-top-right-radius:0;border-bottom-right-radius:0;letter-spacing:.03em}
.axle-date-input::placeholder{color:#a5a5a5}
.axle-calendar-trigger{padding:6px 13px;font-size:21px;line-height:1;cursor:pointer;border-left:0;border-top-left-radius:0;border-bottom-left-radius:0;color:#e7b122}
.axle-select-trigger:hover,.axle-calendar-trigger:hover,.axle-date-input:hover{border-color:#a18132}
.axle-select-trigger:focus-visible,.axle-calendar-trigger:focus-visible,.axle-date-input:focus-visible,.axle-option:focus-visible,.axle-dialog button:focus-visible,.axle-calendar button:focus-visible{
  outline:2px solid #e7b122;outline-offset:2px;
}
.axle-popover{background:#191919;color:#f5f5f5;border:1px solid #47412f;box-shadow:0 20px 60px #000b;border-radius:12px;z-index:10050;max-height:min(370px,calc(100dvh - 28px));overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}
.axle-popover::-webkit-scrollbar{display:none;width:0;height:0}
.axle-option-list{padding:6px;display:flex;flex-direction:column;gap:3px}
.axle-option{display:block;width:100%;border:0;border-radius:7px;background:transparent;color:#ededed;text-align:left;padding:10px 12px;cursor:pointer;font:inherit;overflow-wrap:anywhere}
.axle-option:hover,.axle-option:focus-visible,.axle-option.selected{background:#332b18;color:#f3c64a}
.axle-option:disabled{opacity:.4;cursor:not-allowed}
.axle-calendar{width:min(330px,calc(100vw - 24px));padding:13px}
.axle-calendar-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:11px}
.axle-calendar-heading strong{font:700 14px Manrope,Arial,sans-serif;text-align:center}
.axle-calendar-nav,.axle-calendar-today{background:#242424;color:#f4f4f4;border:1px solid #464646;border-radius:8px;cursor:pointer;padding:5px 11px;font:inherit}
.axle-calendar-nav{font-size:23px;line-height:1.2}
.axle-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}
.axle-calendar-day-name{text-align:center;font-size:11px;font-weight:700;color:#aaa;padding:7px 0}
.axle-calendar-day{font:inherit;border:1px solid transparent;background:transparent;color:#eee;min-width:0;aspect-ratio:1;border-radius:8px;cursor:pointer;padding:0}
.axle-calendar-day:hover{background:#332b18;border-color:#5b4b26}
.axle-calendar-day.selected{background:#e7b122;color:#0a0a0a;font-weight:800}
.axle-calendar-foot{display:flex;justify-content:space-between;gap:10px;padding-top:12px}
.axle-calendar-today{flex:1;font-size:12px;padding:7px}
.axle-calendar-today:hover{border-color:#e7b122}
.axle-dialog{width:min(440px,calc(100vw - 30px));max-height:calc(100dvh - 30px);overflow:auto;background:#1c1c1c;color:#f6f6f6;border:1px solid #50472f;border-radius:16px;box-shadow:0 22px 70px #000e;padding:24px;font:14px/1.5 Manrope,Arial,sans-serif}
.axle-dialog::backdrop{background:#000a;backdrop-filter:blur(4px)}
.axle-dialog-heading{font-size:18px;font-weight:800;letter-spacing:-.45px;margin-bottom:10px}
.axle-dialog-message{margin:0 0 18px;color:#c6c6c6;white-space:pre-wrap;overflow-wrap:anywhere}
.axle-dialog-input{display:block;width:100%;padding:12px;margin-bottom:20px}
.axle-dialog-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.axle-dialog-primary,.axle-dialog-secondary{border-radius:9px;font:700 13px Manrope,Arial,sans-serif;cursor:pointer;padding:10px 16px;border:1px solid #555}
.axle-dialog-primary{background:#e7b122;color:#0a0a0a;border-color:#e7b122}
.axle-dialog-secondary{background:#282828;color:#fafafa}
.axle-dialog-primary:hover,.axle-dialog-secondary:hover{filter:brightness(1.12)}
@media(max-width:520px){.axle-dialog{padding:18px}.axle-calendar{padding:10px}}