.app-view.cal-app{display:flex;flex-direction:column;height:100%;overflow:hidden;background:#eee;color:#333;padding:0}
.cal-app button{color:inherit;background:transparent;border:0;border-radius:0;cursor:pointer;font:inherit;min-width:0}
.cal-bar{display:flex;align-items:center;flex:none;height:48px;background:linear-gradient(#f8f8f8,#e5e5e5);border-bottom:2px solid #b5b5b5;box-shadow:0 1px 2px #0002;z-index:1}
.cal-bar>button{height:46px;min-width:44px;padding:6px;font-size:25px}.cal-bar>strong{font-size:19px;font-weight:400}.cal-bar img{height:32px;width:32px;object-fit:contain}
.cal-bar .cal-view-picker{flex:1;min-width:0;text-align:left;font-size:18px;line-height:20px;padding-left:14px}.cal-view-picker small{display:block;color:#888;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cal-weekdays{display:grid;grid-template-columns:repeat(7,1fr);padding:6px 0;color:#999;text-transform:uppercase;font-size:10px;text-align:center;background:#eee}
.cal-month{flex:1;min-height:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-template-rows:repeat(6,1fr);background:#ddd;touch-action:pan-y}
.cal-month>button{position:relative;border-top:1px solid #ccc;border-right:1px solid #ccc;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-start;padding:5px 5px;color:#666;font-size:17px}.cal-month .cal-other{background:#eee;color:#aaa}
.cal-month .cal-today{background:#fff;box-shadow:inset 0 3px #33b5e5;color:#333}.cal-busy{position:absolute;top:30px;bottom:6px;left:7px;right:7px;display:flex;gap:2px}.cal-busy i{position:relative;top:var(--busy-start);height:var(--busy-height);max-height:100%;width:3px;background:#4793ba}
.cal-nav{flex:none;height:34px;display:flex;align-items:center;justify-content:space-between;background:#eee;border-top:1px solid #ccc;color:#777;font-size:12px}.cal-nav button{height:34px;width:48px;font-size:23px}
.cal-scroll{overflow-y:auto;min-height:0;flex:1;overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:thin}
.cal-agenda h3{margin:0;background:#ddd;font-size:13px;font-weight:400;color:#666;padding:8px 12px;border-bottom:1px solid #bbb}.cal-agenda-row{display:flex;width:100%;min-height:65px;border-bottom:1px solid #bbb!important;text-align:left;padding:9px 10px!important;align-items:stretch}.cal-agenda-row time{width:66px;flex:none;font-size:13px;color:#555}.cal-agenda-row>span{border-left:4px solid #4793ba;padding-left:9px;min-width:0}.cal-agenda-row strong{font-size:17px;font-weight:400;overflow-wrap:anywhere}.cal-agenda-row small{display:block;font-size:12px;margin-top:5px;color:#777}.cal-empty{padding:24px;color:#777}
.cal-day-labels,.cal-all-day{display:grid;grid-template-columns:42px repeat(var(--days),minmax(0,1fr));flex:none;background:#eee}.cal-day-labels button{padding:5px 0;text-transform:uppercase;font-size:9px;border-left:1px solid #ccc}.cal-day-labels strong{display:block;font-size:20px;font-weight:400}.cal-day-labels .cal-today{color:#0099cc;box-shadow:inset 0 -3px #33b5e5}.cal-all-day{border-block:1px solid #ccc;min-height:27px}.cal-all-day>small{font-size:9px;color:#888;padding:3px}.cal-all-day>div{border-left:1px solid #ccc}.cal-all-day button{background:#4793ba;color:white;font-size:10px;width:100%;padding:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cal-hours{display:grid;grid-template-columns:42px repeat(var(--days),minmax(0,1fr));height:1152px;background:#fff}.cal-hour-labels{background:#eee}.cal-hour-labels span{display:block;height:48px;padding:3px 4px;color:#666;font-size:10px;text-align:right;box-sizing:border-box}.cal-day-column{position:relative;border-left:1px solid #ccc;min-width:0}.cal-hour-cell{display:block;height:48px;width:100%;border-top:1px solid #ccc!important}.cal-timed-event{position:absolute;background:#74a8bf!important;border:1px solid white!important;color:white!important;overflow:hidden;text-align:left;padding:3px!important;font-size:11px!important;box-sizing:border-box;min-height:22px}.cal-timed-event strong{font-weight:400;display:block;overflow-wrap:anywhere}.cal-timed-event small{font-size:9px}
.cal-editbar>button{flex:1;display:flex;align-items:center;justify-content:center;gap:4px;font-size:14px;text-transform:uppercase}.cal-editbar>button+button{border-left:1px solid #ccc}.cal-editor .cal-scroll{background:white;padding:0 14px 16px}.cal-account{margin:0 -14px 10px;padding:12px 16px;background:#4793ba;color:white;font-size:20px}.cal-account small{display:block;font-size:12px;margin-top:3px}
.cal-editor label{display:block;margin:12px 0;font-size:12px;color:#888}.cal-editor label>span{display:block;margin-bottom:3px}.cal-editor input,.cal-editor textarea{width:100%;min-width:0;background:white;color:#333;border:0;border-bottom:1px solid #bbb;border-radius:0;padding:7px 3px;font:16px Roboto,Arial,sans-serif;box-sizing:border-box;outline-color:#33b5e5}.cal-editor textarea{min-height:72px;resize:vertical}.cal-editor fieldset{display:grid;grid-template-columns:1.3fr 1fr;gap:10px;border:0;border-top:1px solid #ddd;padding:0;margin:10px 0}.cal-editor legend{padding:0 5px 0 0;font-size:12px;color:#999;text-transform:uppercase}.cal-editor .cal-check{display:flex;align-items:center;justify-content:space-between;color:#333;font-size:16px}.cal-editor .cal-check input{width:20px;height:20px;accent-color:#33b5e5}.cal-editor:has([name=allDay]:checked) input[type=time]{visibility:hidden}.cal-editor:has([name=allDay]:checked) label:has(input[type=time]){visibility:hidden}.cal-form-error{color:#b71c1c;font-size:13px}
.cal-event-head{padding:16px;background:#4793ba;color:white}.cal-event-head h2{font-size:24px;overflow-wrap:anywhere;margin:0 0 12px}.cal-event-head p{font-size:14px;margin:5px 0;overflow-wrap:anywhere}.cal-event-head>div{display:flex;margin-top:14px;justify-content:flex-end}.cal-event-head button{padding:8px 14px;text-transform:uppercase;font-size:13px}.cal-event-body{padding:16px;color:#666;font-size:14px}.cal-event-body p{white-space:pre-wrap;overflow-wrap:anywhere}.cal-event-body h3{font-size:13px;border-bottom:1px solid #ccc;color:#999;text-transform:uppercase;font-weight:400}
.cal-menu{background:#fafafa;color:#666;box-shadow:0 3px 8px #0007}.cal-menu button{color:#666!important;border-bottom:1px solid #ddd!important}.cal-menu button[aria-pressed=true]{box-shadow:inset 3px 0 #33b5e5}.cal-search{display:flex;padding:8px;background:#fafafa}.cal-search input{width:0;flex:1;min-width:0;background:white;color:#333;border:0;border-bottom:2px solid #33b5e5;padding:6px;font:inherit}.cal-search button{padding:6px;font-size:13px}.cal-app button:active{background-color:#33b5e544}.cal-app button:focus-visible{outline:2px solid #33b5e5;outline-offset:-2px}

.cal-app{color-scheme:light}.cal-busy{overflow:hidden}.cal-editor .cal-check input{appearance:none;width:32px;height:32px;padding:0;border:0;background:transparent url(assets/btn_check_off_holo_light.png) center/32px 32px no-repeat}.cal-editor .cal-check input:checked{background-image:url(assets/btn_check_on_holo_light.png)}
/* Holo Light spinners for Repetition and Reminders (EditEventView), with the corner triangle. */
.cal-repeat{font-size:13px;opacity:.9}
.cal-scope{padding:8px 0}
.cal-scope h3{margin:4px 16px 8px}
.cal-scope>button{display:block;width:100%;min-height:48px;border:0;border-bottom:1px solid #3a3a3a;background:none;color:#f2f2f2;text-align:left;padding:10px 16px;font-size:15px}
.cal-scope>button:active{background:#0099cc99}
.cal-scope .settings-dialog-actions{margin:8px 0 -8px}

/* Calendar 4.2+ today_icon: the blank ic_menu_today_holo_light under a DayOfMonthDrawable, today's date in 14sp
   bold #777 centred horizontally, with its baseline at (height + text height + 1) / 2. */
.cal-today-icon{position:relative;display:block;width:32px;height:32px}
.cal-today-icon>span{position:absolute;left:0;right:0;top:11.6px;font:700 12.6px/10px Roboto,RobotoICS,sans-serif;color:#777;text-align:center;pointer-events:none}

/* event_info_headline.xml: 8/16/16dp padding, the title in 24sp bold, then 14sp when (4dp above), repeat (#B3FFFFFF,
   3dp closer) and where (4dp above), all white on the event colour. */
.cal-bar>strong{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cal-event-head{padding:7.2px 14.4px 14.4px}
.cal-event-head h2{font-size:21.6px;font-weight:700;margin:0}
.cal-event-head p{font-size:12.6px;margin:3.6px 0 0}
.cal-event-head p.cal-repeat{margin-top:-2.7px;color:#ffffffb3}

/* edit_event_1.xml From / To: EditEvent_LabelSmall (14 sp #aaaaaa, caps) over EditEvent_SpinnerButton (18 sp #333333 on
   spinner_default_holo_light) in a 7 : 4 pair; All day hides the times. 1 dp = 0.906 px. */
.cal-when{margin:7.25px 0 3.62px}
.cal-when-label{display:block;padding:7.25px 0 0;color:#aaa;font-size:12.68px;text-transform:uppercase}
.cal-when>div{display:flex}
.screen .cal-spin{flex:7;min-width:0;height:43.49px;padding:0;border:0 solid transparent;border-width:3.62px 14.5px 3.62px 7.25px;border-image:url('assets/calendar-spinner_default_holo_light.png') 12 48 78 12 fill / 3.62px 14.5px 23.56px 3.62px stretch;background:none;color:#333;font-size:16.31px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box}
.screen .cal-spin.cal-spin-time{flex:4}
.screen .cal-spin:active{border-image-source:url('assets/calendar-spinner_pressed_holo_light.png')}
.cal-editor:has(input[name="allDay"]:checked) .cal-spin-time{visibility:hidden}
.cal-up{width:14.50px!important;height:28.99px!important}
/* The action bar's list navigation (Day / Week / Month / Agenda) on spinner_ab_default_holo_light. */
.cal-bar .cal-view-picker{border:0 solid transparent;border-width:3.62px 14.5px 3.62px 3.62px;border-image:url('assets/calendar-spinner_ab_default_holo_light.png') 12 48 78 12 fill / 3.62px 14.5px 23.56px 3.62px stretch;background:none;margin:0 4px 0 6px;height:43.49px}
/* The repeat and reminder spinners (audit step 6): full-width Holo spinners and their dropdown list (white panel,
   48 dp rows of 18 sp text, the chosen one in holo blue tint). */
.cal-editor .cal-select{display:block;flex:none;width:100%;text-align:left}
.cal-spin-list{position:absolute;z-index:31;max-height:60%;overflow-y:auto;scrollbar-width:none;background:#fff;box-shadow:0 1.81px 7.25px #0006}
.screen .cal-spin-list button{display:block;width:100%;min-height:43.49px;padding:0 14.5px;border:0;background:none;text-align:left;font:400 16.31px Roboto,RobotoICS,sans-serif;color:#000}
.screen .cal-spin-list button[aria-selected="true"]{background:#33b5e522}
.screen .cal-spin-list button:active{background:#33b5e566}