
/* My Space v3.4 — quiet Notion-like calendar and non-persistent sample previews.
   This is layered last. No stored widget dimensions or themes are changed. */
#widgets.custom-layout>.widget[data-widget="calendar"] {
  --calendar-rule:#edf0ed;
  --calendar-text:#303936;
  --calendar-muted:#87928d;
  align-items:stretch!important;
  min-width:0;
}
#widgets.custom-layout>.widget[data-widget="calendar"] .widget-head{
  margin-bottom:10px!important;min-height:25px;
}
#widgets.custom-layout>.widget[data-widget="calendar"] .widget-name{
  font-weight:630!important;letter-spacing:-.022em;
}
#widgets.custom-layout>.widget[data-widget="calendar"] .calendar-actions{
  display:flex!important;align-items:center!important;gap:4px!important;
}
#widgets.custom-layout>.widget[data-widget="calendar"] .calendar-actions [data-app="calendar"]{
 display:none!important;
}
body.editing #widgets.custom-layout>.widget[data-widget="calendar"] .calendar-actions [data-app="calendar"]{
 display:inline-flex!important;
}
#widgets.custom-layout>.widget[data-widget="calendar"] .calendar-expand-btn{
 font-size:11px!important;font-weight:540!important;padding:5px 7px!important;
 background:transparent!important;color:#707c74!important;border:0!important;
 border-radius:7px!important;box-shadow:none!important;
}
#widgets.custom-layout>.widget[data-widget="calendar"] .calendar-expand-btn:hover{
 color:#424b44!important;background:#f6f7f6!important;
}
#widgets.custom-layout>.widget[data-widget="calendar"] .calendar-inline-nav{
 margin:0 0 5px!important;height:28px!important;display:flex!important;align-items:center!important;
 gap:6px!important;flex:none!important;color:#6d7972;
}
#widgets.custom-layout>.widget[data-widget="calendar"] .calendar-inline-nav span{
 font-size:11px!important;font-weight:570!important;color:#69756d;
}
#widgets.custom-layout>.widget[data-widget="calendar"] .calendar-inline-nav button{
 border:0!important;background:transparent!important;color:#8a958e!important;
 width:28px;height:28px!important;border-radius:8px;cursor:pointer;
}
#widgets.custom-layout>.widget[data-widget="calendar"] .calendar-inline-nav [data-calendar-today]{
 margin-left:auto!important;width:auto!important;padding:0 10px!important;
 font-size:10px!important;color:#78857c!important;
}
#widgets.custom-layout>.widget[data-widget="calendar"] .week{
 display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;
 align-items:start!important;flex:0 0 auto!important;
 gap:1px!important;margin-bottom:5px!important;padding:1px 0 11px!important;
 border-bottom:1px solid var(--calendar-rule)!important;
}
#widgets.custom-layout>.widget[data-widget="calendar"] .week .day{
 height:58px!important;min-width:0!important;min-height:0!important;
 display:flex!important;align-items:center!important;justify-content:center!important;
 flex-direction:column!important;gap:7px!important;padding:3px 1px!important;border-radius:11px!important;
}
#widgets.custom-layout>.widget[data-widget="calendar"] .week .day small{
 font-size:10px!important;font-weight:480!important;color:#a0aaa2!important;line-height:1!important;
}
#widgets.custom-layout>.widget[data-widget="calendar"] .week .day b{
 width:31px!important;height:31px!important;flex:0 0 31px!important;line-height:1!important;
 display:grid!important;place-items:center!important;border:1.5px solid transparent!important;
 border-radius:50%!important;background:transparent!important;color:#56615a!important;
 font-weight:550!important;font-size:12px!important;
}
#widgets.custom-layout>.widget[data-widget="calendar"] .week .day.today b{
 background:#444c49!important;border-color:#444c49!important;color:#fff!important;font-weight:640!important;
}
body[data-theme]:not([data-theme="notion"]) #widgets.custom-layout>.widget[data-widget="calendar"] .week .day.today b{
 background:var(--pastel-action)!important;border-color:var(--pastel-action)!important;
 color:var(--pastel-action-text)!important;
}
#widgets.custom-layout>.widget[data-widget="calendar"] .week .day.selected:not(.today) b{
 background:transparent!important;border-color:#7f8981!important;color:#57665c!important;
}
body[data-theme]:not([data-theme="notion"]) #widgets.custom-layout>.widget[data-widget="calendar"] .week .day.selected:not(.today) b{
 border-color:var(--pastel-detail)!important;color:var(--pastel-detail)!important;
}
#widgets.custom-layout>.widget[data-widget="calendar"] .week .day.today.selected b{
 box-shadow:0 0 0 2px #fff,0 0 0 3.4px #8f9c91!important;
}
body[data-theme]:not([data-theme="notion"]) #widgets.custom-layout>.widget[data-widget="calendar"] .week .day.today.selected b{
 box-shadow:0 0 0 2px #fff,0 0 0 3.4px var(--pastel-detail)!important;
}
#widgets.custom-layout>.widget[data-widget="calendar"] .events{
 display:flex!important;flex-direction:column!important;justify-content:flex-start!important;
 align-items:stretch!important;align-content:start!important;gap:0!important;
 overflow-y:auto!important;overflow-x:hidden!important;min-width:0!important;min-height:0!important;
 padding:2px 0!important;margin:0!important;flex:1 1 0%!important;
}
#widgets.custom-layout>.widget[data-widget="calendar"] .events>.ms-event-row{
 display:flex!important;flex:0 0 auto!important;align-items:center!important;gap:12px!important;
 min-height:50px!important;max-height:none!important;height:auto!important;
 padding:8px 5px!important;margin:0!important;border-radius:0!important;
 background:transparent!important;border:0!important;border-bottom:1px solid var(--calendar-rule)!important;
 box-shadow:none!important;text-align:left!important;
}
#widgets.custom-layout>.widget[data-widget="calendar"] .events>.ms-event-row:last-child{border-bottom:0!important}
#widgets.custom-layout>.widget[data-widget="calendar"] .events>.ms-event-row:hover{
 background:#f9faf9!important;border-radius:8px!important;
}
#widgets.custom-layout>.widget[data-widget="calendar"] .ms-event-main{
 flex:1 1 0%!important;display:flex!important;flex-direction:column!important;
 align-items:flex-start!important;gap:4px!important;min-width:0!important;
}
#widgets.custom-layout>.widget[data-widget="calendar"] .ms-event-main strong{
 display:block!important;max-width:100%;font-weight:580!important;font-size:12px!important;
 color:var(--calendar-text)!important;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;
 line-height:1.25!important;
}
#widgets.custom-layout>.widget[data-widget="calendar"] .ms-event-meta{font-size:10px!important;color:var(--calendar-muted)!important}
#widgets.custom-layout>.widget[data-widget="calendar"] .ms-event-indicator{
 flex:0 0 19px!important;width:19px!important;height:19px!important;font-size:11px!important;
 background:#fff!important;color:#87958a!important;border:1.4px solid #d5ded6!important;
}
#widgets.custom-layout>.widget[data-widget="calendar"] .status-done .ms-event-indicator{
 background:#e5efe9!important;border-color:#e5efe9!important;color:#537563!important;
}
#widgets.custom-layout>.widget[data-widget="calendar"] .status-progress .ms-event-indicator{
 background:#f8f0e4!important;border-color:#f8f0e4!important;color:#bc9560!important;
}
#widgets.custom-layout>.widget[data-widget="calendar"] .ms-event-star{
 font-size:12px!important;color:#c6a674!important;
}
#widgets.custom-layout>.widget[data-widget="calendar"] .ms-event-change{
 border:0!important;background:transparent!important;font-size:10px!important;
 color:#8d988d!important;padding:6px 3px!important;
}
#widgets.custom-layout>.widget[data-widget="calendar"] .ms-event-change:hover{color:#586e5a!important}
#widgets.custom-layout>.widget[data-widget="calendar"] .widget-caption{
 flex:0 0 auto;margin-top:8px!important;color:#a1a7a3!important;font-size:9px!important;
 font-weight:400!important;letter-spacing:0!important;
}
#widgets.custom-layout>.widget[data-widget="calendar"] .calendar-insights{
 flex:0 0 auto!important;margin-top:7px!important;
}
/* Smaller cards display only the essentials. */
#widgets.custom-layout>.widget[data-widget="calendar"][data-ui-size="short"] .week,
#widgets.custom-layout>.widget[data-widget="calendar"][data-ui-size="tiny"] .week{padding-bottom:5px!important}
#widgets.custom-layout>.widget[data-widget="calendar"][data-ui-size="short"] .week .day,
#widgets.custom-layout>.widget[data-widget="calendar"][data-ui-size="tiny"] .week .day{height:45px!important;gap:4px!important}
#widgets.custom-layout>.widget[data-widget="calendar"][data-ui-size="short"] .ms-event-change,
#widgets.custom-layout>.widget[data-widget="calendar"][data-ui-size="tiny"] .ms-event-change{display:none!important}
#widgets.custom-layout>.widget[data-widget="calendar"][data-ui-size="short"] .events>.ms-event-row,
#widgets.custom-layout>.widget[data-widget="calendar"][data-ui-size="tiny"] .events>.ms-event-row{
 min-height:36px!important;padding:5px 2px!important;
}
/* Smaller secondary cards. */
#widgets.custom-layout>.widget[data-widget="pinned"] .ms-mini-summary,
#widgets.custom-layout>.widget[data-widget="progress"] .ms-mini-summary{gap:10px!important}
#widgets.custom-layout>.widget[data-widget="pinned"] .ms-mini-value,
#widgets.custom-layout>.widget[data-widget="progress"] .ms-mini-value{
 color:#343c37!important;letter-spacing:-.05em!important
}
#widgets.custom-layout>.widget[data-widget="pinned"] .ms-mini-list{align-items:flex-start!important;gap:6px!important}
#widgets.custom-layout>.widget[data-widget="pinned"] .cal-pinned-line{
 background:transparent!important;border:0!important;min-height:22px!important;padding:0!important;color:#5c695e!important;
}
/* Example-only presentation, never connected to personal storage. */
.rt-preview-label{
 display:inline-flex;align-self:flex-start;align-items:center;color:#99a39b;
 font-size:10px;font-weight:500;padding:2px 0;flex:none
}
.rt-preview-label:before{content:'';width:4px;height:4px;border-radius:50%;background:#c4cec5;margin-right:6px}
body[data-example-preview="sample"] .rt-check[disabled]{opacity:1;cursor:default}
body[data-example-preview="sample"] .rt-timer-actions button:disabled,
body[data-example-preview="backup"] .rt-timer-actions button:disabled{opacity:.76;cursor:default}
.ms-example-tasks{display:flex;flex-direction:column;gap:6px;padding:0 2px}
.ms-example-item{display:flex;align-items:center;gap:10px;min-height:26px;font-size:12px;color:#626e65}
.ms-example-checkbox{width:16px;height:16px;border:1.3px solid #cbd5cc;border-radius:5px;flex:none;
 display:grid;place-items:center;font-size:10px;color:#66816d;background:white}
.ms-example-checkbox.done{background:#e6f0e9;border-color:#e6f0e9}
.ms-example-caption{font-size:9px;color:#a0a9a1;margin-top:2px}
.ms-example-dday{display:flex;flex-direction:column;gap:6px;justify-content:center;flex:1;min-height:0}
.ms-example-dday strong{font-size:clamp(21px,3.4vw,39px);letter-spacing:-.07em;font-weight:610;color:#46574b}
.ms-example-dday>span:last-child{font-size:12px;color:#697970}
[data-widget="dday"]:has(.ms-example-dday) .new-widget-empty[hidden]{display:none!important}
.ms-example-music{display:flex;align-items:center;gap:15px;width:100%;min-width:0}
.ms-example-album{display:grid;place-items:center;flex:0 0 70px;width:70px;height:70px;
 border-radius:12px;background:linear-gradient(145deg,#ecedf2,#dedce8 52%,#d8e4e7);
 color:#8495ac;font-size:33px}
.ms-example-music-name{display:flex;flex-direction:column;gap:6px;min-width:0}
.ms-example-music-name strong{font-size:12px;color:#49554d;font-weight:580}
.ms-example-music-name span{font-size:10px;color:#848f86}
.ms-example-music-name small{font-size:9px;color:#a3aba4}
body[data-example-preview] .music-unlinked:has(.ms-example-music)>svg,
body[data-example-preview] .music-unlinked:has(.ms-example-music)>strong,
body[data-example-preview] .music-unlinked:has(.ms-example-music)>span{display:none!important}
body[data-example-preview] .music-unlinked:has(.ms-example-music){gap:12px!important}
[data-widget="photos"].ms-photo-preview .photo-tile.empty{
 position:relative;overflow:hidden;background:linear-gradient(135deg,#f6f4f2 0%,#e8edf0 50%,#ecedf2 100%)!important;
 color:#98a6aa!important
}
[data-widget="photos"].ms-photo-preview .photo-tile.empty:before{
 content:'';position:absolute;width:70px;height:70px;border-radius:38% 62% 45% 55%;
 background:linear-gradient(125deg,#cbdcdb,#d9d3de);
 transform:rotate(-24deg);bottom:15%;right:13%;opacity:.6
}
[data-widget="photos"].ms-photo-preview .photo-tile.empty:after{
 content:'예시 이미지';position:absolute;bottom:12px;left:12px;color:#7a8b8b;font-size:10px;
 background:rgba(255,255,255,.64);padding:4px 7px;border-radius:6px
}
[data-widget="photos"].ms-photo-preview .photo-tile.empty span{position:relative;z-index:1}
@media(max-width:720px){
 #widgets.custom-layout>.widget[data-widget="calendar"] .calendar-inline-nav [data-calendar-today]{padding:0 5px!important}
 #widgets.custom-layout>.widget[data-widget="calendar"] .events>.ms-event-row{min-height:44px!important;gap:7px!important}
 #widgets.custom-layout>.widget[data-widget="calendar"] .ms-event-star{display:none!important}
 .ms-example-album{width:52px;height:52px;flex-basis:52px}
}


/* Tiny artwork is a decorative mock, never an uploaded or real diary photo. */
#widgets.custom-layout>.widget[data-widget="journal"] .journal-example-image{
 flex:none;display:flex;align-items:center;justify-content:space-between;gap:9px;
 width:min(100%,200px);min-height:67px;margin-top:2px;padding:11px 14px;
 border-radius:12px;background:linear-gradient(120deg,#edeef0 0%,#e2e8e4 52%,#e7e2e8 100%);
 border:1px solid rgba(153,161,155,.08);color:#899b91
}
#widgets.custom-layout>.widget[data-widget="journal"] .journal-example-image span{
 display:grid;place-items:center;width:42px;height:42px;border-radius:50%;
 background:rgba(255,255,255,.44);font-size:22px;line-height:1
}
#widgets.custom-layout>.widget[data-widget="journal"] .journal-example-image small{
 font-size:10px;color:#89968d;text-align:right
}
#widgets.custom-layout>.widget[data-widget="journal"][data-ui-size="tiny"] .journal-example-image,
#widgets.custom-layout>.widget[data-widget="journal"][data-ui-size="short"] .journal-example-image{
 display:none!important
}


/* v3.5 — spacing / status / responsive component polish
   One calendar divider, three calm status colors and stable timers. */
#widgets.custom-layout>.widget[data-widget="calendar"] .week{
 border-bottom:1px solid #e8ece8!important;
 margin-bottom:0!important;padding-bottom:8px!important;
}
#widgets.custom-layout>.widget[data-widget="calendar"] .events{
 border-top:0!important;border-bottom:0!important;outline:0!important;
 margin-top:0!important;padding-top:5px!important;
 gap:0!important;align-content:flex-start!important;
}
#widgets.custom-layout>.widget[data-widget="calendar"] .events:before,
#widgets.custom-layout>.widget[data-widget="calendar"] .events:after{
 content:none!important;display:none!important;
}
#widgets.custom-layout>.widget[data-widget="calendar"] .week .day.today.selected b{
 box-shadow:none!important;outline:1px solid #aab3ac!important;outline-offset:2px!important;
}
body[data-theme]:not([data-theme="notion"]) #widgets.custom-layout>.widget[data-widget="calendar"] .week .day.today.selected b{
 box-shadow:none!important;outline:1px solid var(--pastel-detail,#b9a1ac)!important;outline-offset:2px!important;
}
#widgets.custom-layout>.widget[data-widget="calendar"] .calendar-inline-nav [data-calendar-today][hidden]{
 display:none!important;
}
#widgets.custom-layout>.widget[data-widget="calendar"] .week .day{
 height:53px!important;gap:6px!important;
}
#widgets.custom-layout>.widget[data-widget="calendar"] .week .day small{
 color:#a2aca4!important;font-size:10px!important;font-weight:460!important;
}
#widgets.custom-layout>.widget[data-widget="calendar"] .week .day b{
 width:29px!important;height:29px!important;flex-basis:29px!important;
}
#widgets.custom-layout>.widget[data-widget="calendar"] .events>.ms-event-row{
 --status-bg:#f0f2f4;--status-ink:#88929b;--status-border:#d6dce1;
 border-top:none!important;border-left:none!important;border-right:none!important;
 border-bottom:1px solid #f0f2f0!important;
 min-height:47px!important;gap:11px!important;padding:8px 6px!important;
}
#widgets.custom-layout>.widget[data-widget="calendar"] .events>.ms-event-row:last-child{
 border-bottom:0!important;
}
#widgets.custom-layout>.widget[data-widget="calendar"] .events>.ms-event-row.status-progress{
 --status-bg:#eaf2fc;--status-ink:#668fbc;--status-border:#caddef;
}
#widgets.custom-layout>.widget[data-widget="calendar"] .events>.ms-event-row.status-done{
 --status-bg:#e5f3ea;--status-ink:#679779;--status-border:#cce4d3;
}
#widgets.custom-layout>.widget[data-widget="calendar"] .ms-event-indicator,
#widgets.custom-layout>.widget[data-widget="calendar"] .status-done .ms-event-indicator,
#widgets.custom-layout>.widget[data-widget="calendar"] .status-progress .ms-event-indicator{
 width:20px!important;height:20px!important;flex:0 0 20px!important;
 background:var(--status-bg)!important;color:var(--status-ink)!important;
 border:1px solid var(--status-border)!important;border-radius:50%!important;
 font-size:11px!important;font-weight:600!important;
}
#widgets.custom-layout>.widget[data-widget="calendar"] .ms-event-main strong{
 font-size:12px!important;font-weight:585!important;color:#36413b!important;
 letter-spacing:-.018em!important;text-align:left!important;
}
#widgets.custom-layout>.widget[data-widget="calendar"] .events>.ms-event-row.status-done .ms-event-main strong{
 color:#8c9a90!important;text-decoration:line-through;text-decoration-color:#b6c5b9;
}
#widgets.custom-layout>.widget[data-widget="calendar"] .ms-event-meta{
 color:#929c96!important;font-size:10px!important;letter-spacing:-.005em!important;
}
#widgets.custom-layout>.widget[data-widget="calendar"] .events>.ms-event-row.status-progress .ms-event-meta{
 color:#7194b8!important;
}
#widgets.custom-layout>.widget[data-widget="calendar"] .events>.ms-event-row.status-done .ms-event-meta{
 color:#809c88!important;
}
#widgets.custom-layout>.widget[data-widget="calendar"] .ms-event-change{
 color:#87958b!important;white-space:nowrap!important;
}
#widgets.custom-layout>.widget[data-widget="calendar"] .ms-event-change:hover{
 color:#556b5d!important;
}
#widgets.custom-layout>.widget[data-widget="calendar"] .ms-event-star{
 font-size:11px!important;color:#d3b079!important;
}
#widgets.custom-layout>.widget[data-widget="calendar"] .widget-caption{
 color:#9ca69f!important;font-size:10px!important;margin-top:10px!important;
}
/* Whole-month modal: reuse exactly the same state language. */
.ms-cal-items .ms-rich-event{
 --status-bg:#f0f2f4;--status-ink:#88929b;--status-border:#d6dce1;
}
.ms-cal-items .ms-rich-event.status-doing{
 --status-bg:#eaf2fc;--status-ink:#668fbc;--status-border:#caddef;
}
.ms-cal-items .ms-rich-event.done{
 --status-bg:#e5f3ea;--status-ink:#679779;--status-border:#cce4d3;
}
.ms-cal-items .ms-rich-event .ms-rich-event-status,
.ms-cal-items .ms-rich-event .ms-rich-event-status.working,
.ms-cal-items .ms-rich-event .ms-rich-event-status.finished{
 background:var(--status-bg)!important;color:var(--status-ink)!important;
 border:1px solid var(--status-border)!important;
 width:21px!important;height:21px!important;
}
.ms-cal-items .ms-rich-event .ms-rich-event-body strong{
 color:#424b45!important;font-weight:590!important;
}
.ms-cal-items .ms-rich-event.done .ms-rich-event-body strong{
 color:#90a095!important;text-decoration:line-through;
}
.ms-cal-items .ms-rich-event.status-doing .ms-rich-event-body small{
 color:#7295ba!important;
}
.ms-cal-items .ms-rich-event .ms-rich-event-action{
 color:#86958a!important;font-weight:475!important;
}
/* The main focus timer should scale *with its card*, not viewport width. */
#widgets.custom-layout>.widget[data-widget="timer"]{
 overflow:hidden!important;min-width:0!important;
 display:flex!important;flex-direction:column!important;align-items:stretch!important;
}
#widgets.custom-layout>.widget[data-widget="timer"] .widget-head{
 flex:0 0 auto!important;margin-bottom:4px!important;
}
#widgets.custom-layout>.widget[data-widget="timer"] .rt-timer-widget{
 box-sizing:border-box!important;min-width:0!important;min-height:0!important;
 width:100%!important;flex:1 1 auto!important;height:auto!important;
 display:flex!important;flex-direction:column!important;
 justify-content:center!important;align-items:center!important;
 gap:8px!important;padding:2px 0 4px!important;
 overflow:hidden!important;
}
#widgets.custom-layout>.widget[data-widget="timer"] .rt-timer-time{
 display:block!important;min-height:0!important;flex:none!important;
 margin:0!important;padding:0!important;
 font-size:clamp(24px,2.45vw,39px)!important;
 line-height:1.05!important;letter-spacing:-.055em!important;font-weight:590!important;
 font-variant-numeric:tabular-nums!important;
 color:#3d4841!important;text-align:center!important;
}
#widgets.custom-layout>.widget[data-widget="timer"] .rt-timer-caption{
 display:block!important;max-width:100%!important;flex:none!important;
 margin:0!important;padding:0!important;font-size:10px!important;
 line-height:1.3!important;color:#9ca6a0!important;text-align:center!important;
 white-space:normal!important;
}
#widgets.custom-layout>.widget[data-widget="timer"] .rt-timer-actions{
 display:flex!important;flex:none!important;
 flex-wrap:nowrap!important;align-items:center!important;justify-content:center!important;
 gap:6px!important;max-width:100%!important;margin:0!important;padding:0!important;
}
#widgets.custom-layout>.widget[data-widget="timer"] .rt-timer-actions button{
 min-height:27px!important;min-width:0!important;
 box-sizing:border-box!important;padding:5px 10px!important;
 border:1px solid #e8ece9!important;border-radius:8px!important;
 background:#f7f9f7!important;color:#718078!important;
 font-size:10px!important;line-height:1.2!important;font-weight:520!important;
 box-shadow:none!important;white-space:nowrap!important;
}
#widgets.custom-layout>.widget[data-widget="timer"] .rt-timer-actions button:first-child{
 background:var(--pastel-action,#e7efea)!important;
 border-color:transparent!important;color:var(--pastel-action-text,#597565)!important;
}
#widgets.custom-layout>.widget[data-widget="timer"] .rt-timer-actions button:disabled{
 opacity:.82!important;cursor:default!important;
}
#widgets.custom-layout>.widget[data-widget="timer"][data-ui-size="short"] .rt-timer-widget,
#widgets.custom-layout>.widget[data-widget="timer"][data-ui-size="tiny"] .rt-timer-widget{
 gap:5px!important;
}
#widgets.custom-layout>.widget[data-widget="timer"][data-ui-size="short"] .rt-timer-time,
#widgets.custom-layout>.widget[data-widget="timer"][data-ui-size="tiny"] .rt-timer-time{
 font-size:27px!important;
}
#widgets.custom-layout>.widget[data-widget="timer"][data-ui-size="short"] .rt-timer-actions button,
#widgets.custom-layout>.widget[data-widget="timer"][data-ui-size="tiny"] .rt-timer-actions button{
 padding:4px 7px!important;font-size:9px!important;min-height:24px!important;
}
#widgets.custom-layout>.widget[data-widget="timer"][data-ui-size="short"] .rt-timer-caption,
#widgets.custom-layout>.widget[data-widget="timer"][data-ui-size="tiny"] .rt-timer-caption{
 font-size:9px!important;
}
/* Routine: consistent cards, micro-progress, no huge empty content shifts. */
#widgets.custom-layout>.widget[data-widget="habits"] .rt-widget,
#widgets.custom-layout>.widget[data-widget="goal"] .rt-goal-widget,
#widgets.custom-layout>.widget[data-widget="weekly"] .rt-weekly-widget{
 position:relative!important;min-width:0!important;min-height:0!important;
}
#widgets.custom-layout>.widget[data-widget="habits"] .rt-preview-label,
#widgets.custom-layout>.widget[data-widget="goal"] .rt-preview-label,
#widgets.custom-layout>.widget[data-widget="weekly"] .rt-preview-label{
 position:absolute!important;top:0!important;right:0!important;
 font-size:9px!important;color:#a7aea9!important;
}
#widgets.custom-layout>.widget[data-widget="habits"] .rt-summary{
 padding:4px 0 7px!important;gap:7px!important;
}
#widgets.custom-layout>.widget[data-widget="habits"] .rt-summary strong{
 font-size:22px!important;line-height:1.1!important;font-weight:630!important;
}
#widgets.custom-layout>.widget[data-widget="habits"] .rt-summary span{
 color:#909b93!important;font-size:10px!important;
}
#widgets.custom-layout>.widget[data-widget="habits"] .rt-rows{
 display:flex!important;flex-direction:column!important;
 gap:2px!important;justify-content:flex-start!important;
 overflow-y:auto!important;overflow-x:hidden!important;
 flex:1 1 auto!important;min-height:0!important;margin:2px 0!important;
}
#widgets.custom-layout>.widget[data-widget="habits"] .rt-item{
 min-height:31px!important;padding:5px 3px!important;margin:0!important;
 border-radius:6px!important;background:transparent!important;
 box-shadow:none!important;flex:0 0 auto!important;
 font-size:12px!important;color:#526058!important;
}
#widgets.custom-layout>.widget[data-widget="habits"] .rt-check:hover{
 background:#f7f9f7!important;
}
#widgets.custom-layout>.widget[data-widget="habits"] .rt-check.complete .rt-circle{
 background:#e5f3ea!important;border-color:#e5f3ea!important;color:#648e71!important;
}
#widgets.custom-layout>.widget[data-widget="habits"] .rt-check.complete>span:last-child{
 color:#84948a!important;text-decoration:none!important;
}
#widgets.custom-layout>.widget[data-widget="habits"] .rt-amount{
 width:100%!important;display:flex!important;align-items:center!important;
 justify-content:space-between!important;gap:6px!important;
 padding:6px 3px!important;min-height:39px!important;
}
#widgets.custom-layout>.widget[data-widget="habits"] .rt-amount-info{
 display:flex!important;flex-direction:column!important;gap:7px!important;
 flex:1 1 auto!important;min-width:0!important;
}
#widgets.custom-layout>.widget[data-widget="habits"] .rt-amount-info .rt-title{
 width:100%!important;min-width:0!important;gap:9px!important;
}
#widgets.custom-layout>.widget[data-widget="habits"] .rt-amount-info .rt-title small{
 color:#83918a!important;font-size:10px!important;
}
#widgets.custom-layout>.widget[data-widget="habits"] .rt-amount-info .rt-track{
 width:100%!important;max-width:100%!important;
 height:4px!important;background:#edf1ed!important;
}
#widgets.custom-layout>.widget[data-widget="habits"] .rt-amount-ops{
 flex:0 0 auto!important;min-width:0!important;
}
#widgets.custom-layout>.widget[data-widget="habits"] .rt-amount-ops:empty{display:none!important}
#widgets.custom-layout>.widget[data-widget="habits"] .rt-foot{
 border-top:1px solid #f1f3f1;padding-top:6px!important;
 font-size:9px!important;color:#9ba69e!important;
}
/* Restrain weekly chart heights when embedded in small cards. */
#widgets.custom-layout>.widget[data-widget="weekly"] .rt-weekly-widget{
 display:flex!important;flex-direction:column!important;
 flex:1 1 auto!important;gap:8px!important;overflow:hidden!important;
}
#widgets.custom-layout>.widget[data-widget="weekly"] .rt-weekly-top{
 flex:0 0 auto!important;padding-top:3px!important;font-size:10px!important;
}
#widgets.custom-layout>.widget[data-widget="weekly"] .rt-weekly-bars{
 min-height:38px!important;max-height:100%!important;
 flex:1 1 0%!important;overflow:hidden!important;
 gap:8px!important;padding:2px 0 0!important;
}
#widgets.custom-layout>.widget[data-widget="weekly"] .rt-week-bar{
 background:#f7f8f7!important;border-radius:7px!important;
}
#widgets.custom-layout>.widget[data-widget="weekly"] .rt-weekly-foot{
 flex:0 0 auto!important;min-height:0!important;font-size:9px!important;
}
#widgets.custom-layout>.widget[data-widget="goal"] .rt-goal-widget{
 gap:11px!important;overflow-y:auto!important;overflow-x:hidden!important;
}
@media(max-width:720px){
 #widgets.custom-layout>.widget[data-widget="timer"] .rt-timer-time{
  font-size:clamp(24px,8vw,34px)!important;
 }
 #widgets.custom-layout>.widget[data-widget="timer"] .rt-timer-actions{
  gap:4px!important;
 }
 #widgets.custom-layout>.widget[data-widget="timer"] .rt-timer-actions button{
  padding:5px 7px!important;font-size:9px!important;
 }
 #widgets.custom-layout>.widget[data-widget="calendar"] .events>.ms-event-row{
  gap:8px!important;padding:7px 3px!important;
 }
}

/* Keep preview badges in the flow of chart widgets, away from metric values. */
#widgets.custom-layout>.widget[data-widget="goal"] .rt-preview-label,
#widgets.custom-layout>.widget[data-widget="weekly"] .rt-preview-label{
 position:static!important;top:auto!important;right:auto!important;
 align-self:flex-start!important;margin:0 0 1px!important;line-height:1.25!important;
}
#widgets.custom-layout>.widget[data-widget="habits"] .rt-preview-label{
 line-height:1.25!important;
}
/* Harmonize cards without forcing a single rigid height. */
#widgets.custom-layout>.widget[data-widget="habits"] .rt-rows,
#widgets.custom-layout>.widget[data-widget="weekly"] .rt-weekly-bars{
 scrollbar-width:thin;
}
#widgets.custom-layout>.widget[data-widget="goal"] .rt-goal-row{
 display:grid!important;gap:7px!important;padding:7px 0!important;
 border-bottom:1px solid #f0f2f0;
}
#widgets.custom-layout>.widget[data-widget="goal"] .rt-goal-row:last-child{
 border-bottom:0;
}
#widgets.custom-layout>.widget[data-widget="goal"] .rt-goal-row .rt-track,
#widgets.custom-layout>.widget[data-widget="habits"] .rt-track{
 height:5px!important;border-radius:99px!important;
}
#widgets.custom-layout>.widget[data-widget="goal"] .rt-goal-row .rt-title span{
 color:#4c5851!important;font-weight:550!important;
}
#widgets.custom-layout>.widget[data-widget="weekly"] .rt-weekly-widget .rt-weekly-foot{
 color:#a1a9a2!important;
}
