.app-view.cal-app{display:flex;flex-direction:column;height:100%;overflow:hidden;background:#eee;color:#333;padding:0}
.cal-app :where(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-editor select{appearance:none;-webkit-appearance:none;width:100%;min-width:0;background:white linear-gradient(135deg,transparent 50%,#9a9a9a 50%) no-repeat right 2px bottom 3px/8px 8px;color:#333;border:0;border-bottom:1px solid #bbb;border-radius:0;padding:7px 18px 7px 3px;font:16px Roboto,Arial,sans-serif;outline-color:#33b5e5;text-overflow:ellipsis}
.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}