/* Small, touch-friendly calendar with immediate selection, independent of Android/iOS. */
input.ar24-calendar-field { cursor:pointer; color:#17191d!important; -webkit-text-fill-color:#17191d; opacity:1!important; }
input.ar24-calendar-field::-webkit-calendar-picker-indicator { pointer-events:none; opacity:.65; cursor:pointer; }
dialog.ar24-calendar { position:fixed; inset:0; margin:auto; width:calc(100vw - 32px); max-width:344px; max-height:calc(100dvh - 24px); padding:16px; box-sizing:border-box; border:1px solid #e5e8e5; border-radius:20px; background:#fff; color:#17191d; box-shadow:0 18px 60px #0003; font-family:system-ui,-apple-system,'Segoe UI',sans-serif; overflow-y:auto; overscroll-behavior:contain; }
dialog.ar24-calendar::backdrop { background:#12161266; }
dialog.ar24-calendar button { display:flex; align-items:center; justify-content:center; width:100%; min-width:0; min-height:0; height:40px; margin:0; padding:0; border:0; border-radius:10px; box-shadow:none; background:transparent; color:inherit; font:500 15px/1 system-ui,-apple-system,'Segoe UI',sans-serif; cursor:pointer; touch-action:manipulation; }
dialog.ar24-calendar button:focus-visible { outline:2px solid #937900; outline-offset:-2px; }
dialog.ar24-calendar button:disabled { color:#c3c6cc; cursor:default; opacity:1; }
.ar24-calendar-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:6px; font-size:12px; font-weight:500; color:#6b7280; }
dialog.ar24-calendar .ar24-calendar-close { width:32px; height:32px; flex:none; background:#f4f5f6; color:#434a54; font-size:24px; font-weight:400; }
.ar24-calendar-nav { display:grid; grid-template-columns:36px 1fr 36px; gap:8px; align-items:center; margin-bottom:12px; }
.ar24-calendar-nav h2 { margin:0; padding:0; text-align:center; font-size:17px; font-weight:650; line-height:1.3; letter-spacing:-.3px; }
dialog.ar24-calendar .ar24-calendar-nav button { height:36px; background:#f4f5f6; font-size:27px; font-weight:400; }
.ar24-calendar-week,.ar24-calendar-days { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:3px; }
.ar24-calendar-week { margin-bottom:6px; color:#747b86; font-size:11px; font-weight:600; text-align:center; line-height:24px; }
dialog.ar24-calendar .ar24-calendar-days button[aria-current="date"] { box-shadow:inset 0 0 0 1px #c8ccd2; }
dialog.ar24-calendar .ar24-calendar-days button[aria-pressed="true"] { background:#ffce00; color:#111; font-weight:700; box-shadow:none; }
@media(hover:hover) { dialog.ar24-calendar button:not(:disabled):hover { background:#f1f2f1; } dialog.ar24-calendar .ar24-calendar-days button[aria-pressed="true"]:hover { background:#f5c600; } }
@media(max-height:430px) { dialog.ar24-calendar { padding:10px 14px; } .ar24-calendar-nav { margin-bottom:4px; } .ar24-calendar-heading { margin-bottom:2px; } dialog.ar24-calendar .ar24-calendar-days button { height:32px; } }