export declare const DEFAULT_CSS = "\n  :host {\n    display: block;\n    font-family: var(--arswc-font-family-sans, Arial, sans-serif);\n    background: var(--ars-calendar-bg, var(--arswc-color-surface, white));\n    border-radius: var(--ars-calendar-border-radius, var(--arswc-radius-md, 8px));\n    box-shadow: var(--ars-calendar-shadow, var(--arswc-shadow-sm, 0 2px 10px rgba(0, 0, 0, 0.1)));\n    overflow: hidden;\n  }\n  .calendar-header {\n    background: var(--ars-calendar-header-bg, var(--arswc-color-accent, linear-gradient(135deg, #667eea 0%, #764ba2 100%)));\n    color: var(--ars-calendar-header-color, var(--arswc-color-accent-contrast, white));\n    padding: var(--ars-calendar-header-padding, 15px);\n    text-align: center;\n    position: relative;\n  }\n  .calendar-title {\n    font-size: var(--ars-calendar-title-font-size, 1.2em);\n    font-weight: bold;\n    margin: 0;\n    text-shadow: var(--ars-calendar-header-text-shadow, none);\n  }\n  .calendar-nav {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    background: rgba(255, 255, 255, 0.2);\n    border: none;\n    color: var(--ars-calendar-header-color, var(--arswc-color-accent-contrast, white));\n    padding: var(--ars-calendar-nav-padding, 8px 12px);\n    border-radius: 4px;\n    cursor: pointer;\n    transition: background 0.3s;\n  }\n  .calendar-nav:hover {\n    background: var(--ars-calendar-button-hover-bg, color-mix(in srgb, var(--arswc-color-accent-contrast, #ffffff) 30%, transparent));\n  }\n  .calendar-nav.prev {\n    left: var(--ars-calendar-nav-prev-left, 15px);\n  }\n  .calendar-nav.next {\n    right: var(--ars-calendar-nav-next-right, 15px);\n  }\n  .calendar-nav.today {\n    position: static;\n    transform: none;\n    margin: var(--ars-calendar-today-margin, 10px 5px 0 5px);\n    font-size: var(--ars-calendar-today-font-size, 0.9em);\n  }\n  .calendar-weekdays {\n    display: grid;\n    grid-template-columns: repeat(7, 1fr);\n    background: var(--ars-calendar-weekdays-bg, var(--arswc-color-surface, #f8f9fa));\n    border-bottom: 1px solid #e9ecef;\n  }\n  .calendar-weekday {\n    padding: var(--ars-calendar-weekday-padding, 10px);\n    text-align: center;\n    font-weight: bold;\n    color: var(--ars-calendar-days-header-color, var(--arswc-color-muted, #6c757d));\n    font-size: var(--ars-calendar-weekday-font-size, 0.9em);\n  }\n  .calendar-body {\n    display: grid;\n    grid-template-columns: repeat(7, 1fr);\n    gap: 1px;\n    background: var(--ars-calendar-body-bg, var(--arswc-color-border, #e9ecef));\n  }\n  .calendar-day {\n    background-color: var(--ars-calendar-cell-bg, var(--arswc-color-bg, white));\n    background-size: cover;\n    background-repeat: no-repeat;\n    background-position: center;\n    color: var(--ars-calendar-cell-color, var(--arswc-color-text, inherit));\n    padding: var(--ars-calendar-day-padding, 10px);\n    text-align: center;\n    cursor: pointer;\n    transition: all 0.2s;\n    position: relative;\n    min-height: var(--ars-calendar-day-min-height, 40px);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border: var(--ars-calendar-cell-border, none);\n  }\n  .calendar-day:hover {\n    background-color: var(--ars-calendar-cell-hover-bg, var(--arswc-color-surface, #f8f9fa));\n    transform: scale(var(--ars-calendar-day-hover-scale, 1.05));\n    box-shadow: var(--ars-calendar-cell-hover-shadow, none);\n  }\n  .calendar-day.selected {\n    background-color: var(--ars-calendar-selected-bg, var(--arswc-color-accent, #667eea));\n    color: var(--ars-calendar-selected-color, var(--arswc-color-accent-contrast, white));\n    font-weight: bold;\n    box-shadow: var(--ars-calendar-selected-shadow, none);\n  }\n  .calendar-day.other-month {\n    color: var(--ars-calendar-other-month-color, var(--arswc-color-muted, #adb5bd));\n  }\n  /* Collapse completely empty day cells (the trailing row when a month only\n     needs five weeks) so the calendar doesn't reserve a blank sixth row. The\n     grid gap keeps the row at 1px, so the layout remains stable when a month\n     genuinely needs six rows. */\n  .calendar-day:empty {\n    min-height: 0;\n    padding: 0;\n  }\n  /* \"badge\" event-mark style.\n     Activated by setting attribute event-mark-style=\"badge\" on the\n     ars-calendar element (the component then clears the pie-chart\n     background and stamps data-event-count onto each cell that has\n     events). Shows a small count chip in the top-right corner via\n     ::after, picking up the count from attr(data-event-count).\n     The inset border that used to accompany the badge has been moved\n     to .calendar-day.today so the current day is always highlighted.\n     Both colors expose CSS-vars so host apps can theme without\n     overriding the whole stylesheet. */\n  .calendar-day.today {\n    box-shadow: inset 0 0 0 var(\n        --ars-calendar-today-border-width,\n        var(--ars-calendar-event-border-width, 2px)\n      )\n      var(\n        --ars-calendar-today-border-color,\n        var(--ars-calendar-event-border-color, var(--arswc-color-accent, #54dfff))\n      );\n  }\n  .calendar-day.has-events[data-event-count]::after {\n    content: attr(data-event-count);\n    position: absolute;\n    top: var(--ars-calendar-event-badge-top, 4px);\n    right: var(--ars-calendar-event-badge-right, 6px);\n    min-width: var(--ars-calendar-event-badge-min-width, 16px);\n    height: var(--ars-calendar-event-badge-height, 16px);\n    padding: var(--ars-calendar-event-badge-padding, 0 4px);\n    border-radius: 999px;\n    background: var(\n      --ars-calendar-event-badge-bg,\n      var(--arswc-color-accent, #54dfff)\n    );\n    color: var(\n      --ars-calendar-event-badge-color,\n      var(--arswc-color-accent-contrast, #052236)\n    );\n    font-size: var(--ars-calendar-event-badge-font-size, 0.7em);\n    font-weight: 700;\n    line-height: var(--ars-calendar-event-badge-line-height, 16px);\n    text-align: center;\n    box-sizing: border-box;\n  }\n";