/* ROMVI R26 — targeted mobile contrast and density refinement.
 * Preserve native, accessible picker interactions; tune their closed states only.
 * Scoped rules avoid changing parent/child auth and state management.
 */
:root { --r26-action:#156b85; --r26-action-hover:#0c5068; --r26-border:#729ab5; }
/* The Work footer used a light-looking surface in dark mode with a dim label.
 * Give text and surface an explicit, theme-matched contrast pair. */
html:not([data-theme='light']) #dashboard.r18-work-focused .r18-work-footer{
  background:#17354b!important;border:1px solid #456781!important;border-radius:14px;
  padding:12px 13px;box-shadow:none!important;
}
html:not([data-theme='light']) #dashboard.r18-work-focused .r18-work-footer span{
  color:#f3f8ff!important;opacity:1!important;font-size:12.5px!important;
  font-weight:700!important;line-height:1.5!important;
}
html[data-theme='light'] #dashboard.r18-work-focused .r18-work-footer{
  background:#e9f3fa!important;border:1px solid #a7c3d6!important;border-radius:14px;
  padding:12px 13px;
}
html[data-theme='light'] #dashboard.r18-work-focused .r18-work-footer span{
  color:#254358!important;opacity:1!important;font-weight:700!important;
  font-size:12.5px!important;line-height:1.5!important;
}
/* In Family, completing a task is the primary action. Notify remains secondary. */
.r21-board .r21-task-tools .r26-task-primary{
  background:#16667f!important;color:#fff!important;border-color:#16667f!important;
  box-shadow:0 2px 9px rgba(0,40,60,.12);font-weight:850!important;
}
.r21-board .r21-task-tools .r26-task-primary:hover{background:#0e5369!important;border-color:#0e5369!important}
.r21-board .r21-task-tools .r26-task-notify,
.r21-board .r21-task-tools .r26-task-secondary{
  background:transparent!important;color:#c3e0f0!important;border-color:#6b90aa!important;
  box-shadow:none!important;font-weight:700!important;
}
html[data-theme='light'] .r21-board .r21-task-tools .r26-task-notify,
html[data-theme='light'] .r21-board .r21-task-tools .r26-task-secondary{
  background:#f1f6fa!important;color:#28465e!important;border-color:#9ebbd0!important;
}
.r21-board .r26-task-primary:focus-visible,.r21-board .r26-task-notify:focus-visible,
.r21-board .r26-task-secondary:focus-visible{outline:3px solid #55c6da!important;outline-offset:2px}
.r21-board :is(.r21-member,.r21-date-input,.r21-input),
.r20-family-board :is(.r20-field){accent-color:#14748c;outline-offset:2px}
.r21-board .r21-date-input:focus-visible,.r21-board .r21-member:focus-visible,
.r20-family-board .r20-field:focus-visible{outline:3px solid #36a9c1!important;border-color:#2689a2!important}
/* Native date/select menus remain the OS-native UI for accessibility. */
.r20-family-board select.r20-field{appearance:none;-webkit-appearance:none;
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2399c6df' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
 background-repeat:no-repeat!important;background-position:right 12px center!important;background-size:16px!important;
 padding-right:38px!important;cursor:pointer;}
html[data-theme='light'] .r20-family-board select.r20-field{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%233d667c' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}
@media(max-width:760px){
 /* Reduce default visible content and large gaps, not touch targets. */
 .r20-family-board{padding:12px!important;margin-bottom:8px!important}
 .r20-header h3{margin:3px 0!important;font-size:19px!important}
 .r20-header p{line-height:1.4!important}
 .r20-summary-grid{margin:9px 0!important;gap:6px!important}
 .r20-summary-cell{padding:9px 10px!important;border-radius:11px!important}
 .r20-summary-cell strong{font-size:21px!important}
 .r20-summary-cell span{margin-top:2px!important;font-size:10.5px!important}
 .r20-actions{gap:7px!important;margin-bottom:9px!important}
 .r20-actions button{min-height:44px!important;padding:8px 9px!important}
 .r20-list-card{padding:10px 12px!important}
 .r20-row{padding:8px!important}
 .r20-footer{margin-top:8px!important;gap:7px!important}
 .r20-footer>span{font-size:11px!important}
 .r21-board{padding:11px!important;margin-bottom:8px!important}
 .r21-head{margin-bottom:6px!important}
 .r21-head h3{margin:3px 0!important;font-size:18px!important}
 .r21-head p{font-size:11.5px!important;line-height:1.4!important;margin:0 0 4px!important}
 .r21-columns{gap:8px!important}
 .r21-panel{padding:10px 12px!important}
 .r21-panel h4{margin:0 0 7px!important;font-size:13.5px!important}
 .r21-task-row{padding:8px 0!important;gap:6px!important}
 .r21-task-main strong,.r21-agenda-row strong{font-size:13.5px!important;line-height:1.35!important}
 .r21-task-tools{gap:7px!important}
 .r21-task-tools .r21-small-btn{min-height:44px!important}
 .r21-agenda-row{padding:8px 0!important;gap:9px!important}
 .r21-agenda-row small{font-size:12px!important}
 .r21-more-btn{margin-top:7px!important}
 .r21-activity{margin-top:8px!important;padding:10px 12px!important}
 .r24-tools-toggle{margin-top:8px!important}
 .r18-work-footer{flex-wrap:wrap}
}
@media(max-width:350px){
 .r20-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .r21-head{flex-wrap:wrap}
 .r21-head p{max-width:290px}
}
@media(prefers-reduced-motion:reduce){
 .r21-board .r26-task-primary,.r21-board .r26-task-notify{transition:none!important;transform:none!important}
}