
#page-today .time-note-slot.meal-note-slot .slot-preview{display:block!important;white-space:nowrap!important;text-overflow:ellipsis;overflow:hidden;-webkit-line-clamp:1!important;line-clamp:1!important}
#page-today .time-note-slot.meal-note-slot.is-written{background:#F4EFE1!important;color:#5B5037!important}
.meal-log-label{display:block;font-size:10px;line-height:1.15;color:#82754F;font-weight:700}
.compact-note .meal-log-label{display:none}
#mealLogModal textarea{min-height:112px}
#page-checkin #lectureNoteCard .class-note-field{min-height:72px;margin:3px 0 8px;font-size:14px;line-height:1.55}
#page-checkin #lectureNoteCard .sectionhead{margin-bottom:5px}
#page-checkin #lectureNoteCard .lecture-link{white-space:pre-line}
#page-records .review-nav{grid-template-columns:repeat(4,minmax(0,1fr))}
#page-records .review-nav button{font-size:13px}
#page-records .class-review{padding:10px 2px!important;background:transparent;border:0}
#page-records .class-note-entry{padding:12px 2px;border-bottom:1px solid #DDE6E0}
#page-records .class-note-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}
#page-records .class-note-head strong{min-width:0;font-size:13px;font-weight:700;color:#29483B}
#page-records .class-note-pin{min-width:44px;min-height:40px;padding:0 8px;border:1px solid #D9E4DB;border-radius:999px;background:#fff;color:#586D5F;font-size:12px;font-weight:650;white-space:nowrap}
#page-records .class-note-pin.pinned{background:#EAF2E9;border-color:#B6CEB9;color:#286454}
#page-records .class-note-part{margin:7px 0 0}
#page-records .class-note-part>span{font-size:10px;font-weight:700;letter-spacing:.02em;color:#718076;text-transform:uppercase}
#page-records .class-note-part p{margin:3px 0 0;font-size:14px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere;color:#2E4238}
#page-records .class-note-edit{min-height:40px;margin:4px 0 0;padding:0 2px;border:0;background:none;color:#286657;font-size:12px;font-weight:700}
@media(max-width:375px){#page-records .review-nav button{font-size:12px;padding:0 2px}#page-records .class-note-part p{font-size:13px}}

/* Today header: logo and date share one calm row; clock is intentionally hidden. */
.pagehead{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:auto!important;align-items:center!important;column-gap:6px!important;row-gap:0!important;padding:8px 0 6px!important}
.pagehead .brand{grid-column:1!important;grid-row:1!important;min-width:0;max-width:100%;justify-self:start!important}
.pagehead .headright{display:contents!important}
.pagehead .zonechip{display:none!important}
.pagehead .datecontrol{grid-column:2!important;grid-row:1!important;justify-self:end!important;gap:1px!important;width:auto!important;max-width:100%;height:36px!important;flex:0 0 auto!important}
.pagehead .relative-day{position:relative;isolation:isolate;font-size:12px!important;font-weight:800!important;padding:2px 5px!important;min-width:0!important}
.pagehead .relative-day:not(.is-empty):before{content:"";position:absolute;z-index:-1;left:1px;right:1px;bottom:2px;height:9px;border-radius:5px 2px 4px 2px;background:rgba(241,207,91,.48);transform:rotate(-2deg)}
.pagehead .datebox{min-width:94px!important;height:34px!important;padding:0 2px!important}
.pagehead .datebox span{font-size:12px!important}
.pagehead .datecontrol>button:not(.todaychip){width:30px!important;min-width:30px!important;height:36px!important;min-height:36px!important}
.pagehead .datecontrol>.todaychip{min-height:32px!important;height:32px!important}
@media(max-width:375px){.pagehead{column-gap:3px!important}.pagehead .brand-name{font-size:17px!important}.pagehead .island-mark{width:21px!important}.pagehead .datebox{min-width:86px!important}.pagehead .datebox span{font-size:11px!important}.pagehead .relative-day{font-size:11px!important;padding:2px 3px!important}.pagehead .datecontrol>button:not(.todaychip){width:27px!important;min-width:27px!important}}
/* Important board accepts task, prayer, and devotion entries. */
#page-today #pinRow.pinned-summary{display:flex;flex-direction:column;align-items:stretch;gap:4px;margin:3px 0 8px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;min-height:0!important}
#page-today .important-head{display:flex;align-items:center;justify-content:space-between;min-height:34px}
#page-today .important-head .pinned-label{position:relative;isolation:isolate;font-size:15px;color:#26483D;padding:1px 3px;font-weight:750}
#page-today .important-head .pinned-label:after{content:"";position:absolute;z-index:-1;left:0;right:-3px;bottom:1px;height:8px;background:rgba(99,191,199,.32);border-radius:4px 2px 5px 2px;transform:rotate(-1.4deg)}
#page-today .important-add{width:44px;min-width:44px;height:44px;min-height:44px;padding:0;border:0;border-radius:50%;background:transparent;color:#267B83;font-size:25px;font-weight:700}
#page-today .pinned-list{width:100%;gap:4px}
#page-today .pinned-item{min-height:42px;padding:1px 8px;gap:8px;border:0!important;border-radius:9px;background:rgba(115,204,211,.17)}
#page-today .pinned-item .task-check{width:44px;height:44px;flex:0 0 44px}
#page-today .important-icon{width:24px;flex:0 0 24px;text-align:center}
#page-today .important-open{height:40px;min-height:40px;padding:0;border:0;background:transparent;color:#293D35;text-align:left;font:500 14px/1.3 var(--font-ui)}
#page-today .important-empty{padding:5px 2px 7px;color:#748078;font-size:12px}
#page-today .task-fold{align-self:flex-start;border:0;background:none;color:#337980;font-size:12px;min-height:36px;padding:0 4px}
.task-kind-icon{font-size:15px;flex:0 0 auto}
#page-today .home-checkins{padding:8px 0 10px!important;border:0!important;border-top:1px solid rgba(82,169,181,.32)!important;border-bottom:1px solid rgba(82,169,181,.32)!important;border-radius:0!important;background:linear-gradient(90deg,rgba(116,205,215,.08),rgba(255,255,255,0) 70%)!important;box-shadow:none!important}
#page-today .home-checkins h2,#page-today .tl-card .sectionhead h2{position:relative;isolation:isolate;padding:0 2px}
#page-today .home-checkins h2:after,#page-today .tl-card .sectionhead h2:after{content:"";position:absolute;z-index:-1;left:0;right:-5px;bottom:0;height:7px;border-radius:5px 3px;background:rgba(90,184,194,.22);transform:rotate(-1deg)}
#page-today .home-checkin{background:rgba(113,199,209,.12)!important;border-color:rgba(58,137,146,.28)!important}
#page-today .home-checkin.is-done{background:rgba(99,181,161,.18)!important;border-color:rgba(48,126,108,.34)!important}
#page-today .tl-card{padding-top:7px!important}
#page-today .tl-card .sectionhead{padding-bottom:5px!important;border-bottom:2px solid rgba(73,161,172,.27)}
#page-today #todayTimeline .lane-head{background:rgba(112,198,208,.11)!important;border-radius:6px}
#page-today #weekLecture .summary small{position:relative;isolation:isolate;font-size:13px!important;font-weight:700;color:#344F43}
#page-today #weekLecture .summary small:after{content:"";position:absolute;z-index:-1;left:-2px;right:-4px;bottom:0;height:8px;border-radius:60% 35% 45% 25%;background:rgba(91,164,210,.34);transform:rotate(-1.6deg)}
#page-today #weekLecture{margin:2px 0 5px!important;padding:3px 2px!important;min-height:32px!important;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent}
#page-today #weekLecture .summary small{font-size:13px!important;font-weight:700;color:#344F43}

/* Keep color emphasis scarce: highlight only the schedule heading and weekly class. */
#page-today #pinRow .pinned-item{background:transparent!important;border:0!important;}
#page-today .important-head .pinned-label:after{display:none!important}
#page-today .home-checkins{border:0!important;background:transparent!important;box-shadow:none!important}
#page-today .home-checkins h2:after{display:none!important}
#page-today .home-checkin{background:#fff!important;border-color:#D8E3DA!important}
#page-today .home-checkin.is-done{background:#EDF5EF!important;border-color:#A9C6B2!important}
#page-today .home-checkin.is-current{box-shadow:inset 0 0 0 1px #315F8A!important}
#page-today .tl-card .sectionhead{border:0!important;padding-bottom:0!important}
#page-today .tl-card .sectionhead h2:after{display:block;background:rgba(86,181,190,.25);height:7px}
#page-today #todayTimeline .lane-head{background:transparent!important}
#page-today #weekLecture .summary small:after{background:rgba(246,210,91,.58);height:8px;transform:rotate(-1.6deg)}
#page-today #weekLecture{border:0!important}
