/* DKCK ToDo v1.0.41 — final readability & native-control contract.
 * This file MUST load after theme-contract.css.
 * It fixes typography and browser chrome without owning feature layout.
 */

/* One search control = one border. The input itself is deliberately chrome-less. */
.dkck-app .dkck-search-wrap{
  min-height:var(--dkck-control-h)!important;
  height:var(--dkck-control-h)!important;
  padding:0 13px!important;
  gap:9px!important;
  border:1px solid var(--dkck-border-strong)!important;
  border-radius:var(--dkck-radius-lg)!important;
  background:var(--dkck-input)!important;
  box-shadow:none!important;
}
.dkck-app .dkck-search-wrap:focus-within{
  border-color:var(--dkck-focus)!important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--dkck-focus) 15%,transparent)!important;
}
.dkck-app .dkck-search-wrap input,.dkck-app .dkck-search-wrap input[type="search"]{
  appearance:none!important;-webkit-appearance:none!important;
  display:block!important;width:100%!important;height:100%!important;min-height:0!important;
  margin:0!important;padding:0!important;
  border:0!important;border-width:0!important;border-style:none!important;border-radius:0!important;
  outline:0!important;box-shadow:none!important;background:transparent!important;
  color:var(--dkck-text)!important;-webkit-text-fill-color:var(--dkck-text)!important;
  font:inherit!important;font-size:var(--dkck-font-body)!important;line-height:1.35!important;
}
.dkck-app .dkck-search-wrap input:focus,.dkck-app .dkck-search-wrap input[type="search"]:focus{border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;}
.dkck-app .dkck-search-wrap input::-webkit-search-decoration,.dkck-app .dkck-search-wrap input::-webkit-search-results-button,.dkck-app .dkck-search-wrap input::-webkit-search-results-decoration{display:none!important;}
.dkck-app .dkck-search-wrap input::placeholder{color:var(--dkck-muted)!important;-webkit-text-fill-color:var(--dkck-muted)!important;opacity:1!important;}
.dkck-app .dkck-search-wrap>span{font-size:19px!important;line-height:1!important;color:var(--dkck-muted)!important;}

/* Readability baseline. Secondary text must still be visibly secondary, never tiny/faint. */
.dkck-app{font-size:var(--dkck-font-body);line-height:1.45;letter-spacing:0;}
.dkck-app label{line-height:1.4;}
.dkck-app .dkck-section-head h2,.dkck-app .dkck-admin-section h3,.dkck-app .dkck-overview-section h2{color:var(--dkck-text)!important;line-height:1.25;}
.dkck-app .dkck-section-head p,.dkck-app .dkck-section-help,.dkck-app .dkck-admin-section>p,.dkck-app .dkck-admin-section-head p{color:var(--dkck-muted)!important;line-height:1.55!important;}

/* Todo/checklist: titles and ownership/date info stay readable on desktop. */
.dkck-app .dkck-todo-row{min-height:70px!important;padding:11px 13px!important;}
.dkck-app .dkck-todo-row-body>strong{font-size:14px!important;line-height:1.4!important;font-weight:700!important;color:var(--dkck-text)!important;}
.dkck-app .dkck-todo-row-meta{font-size:11.5px!important;line-height:1.45!important;color:var(--dkck-muted)!important;gap:8px!important;}
.dkck-app .dkck-todo-section>h3{font-size:17px!important;line-height:1.3!important;color:var(--dkck-text)!important;}

/* Task/workbon/dashboard/meta text. */
.dkck-app .dkck-card-title,.dkck-app .dkck-task-card strong,.dkck-app .dkck-workbon-row strong,.dkck-app .dkck-dashboard-item strong{color:var(--dkck-text)!important;}
.dkck-app .dkck-card-desc,.dkck-app .dkck-task-card>p,.dkck-app .dkck-workbon-details,.dkck-app .dkck-dashboard-person,.dkck-app .dkck-project-overview-card span{font-size:12px!important;line-height:1.5!important;color:var(--dkck-muted)!important;}
.dkck-app .dkck-meta,.dkck-app .dkck-agenda-meta{font-size:11.5px!important;line-height:1.35!important;color:var(--dkck-text-soft)!important;}
.dkck-app .dkck-person-copy strong{font-size:11.5px!important;line-height:1.3!important;}
.dkck-app .dkck-person-copy small{font-size:11px!important;line-height:1.3!important;color:var(--dkck-muted)!important;}

/* Admin/profile: remove the 9–10px desktop typography inherited from early builds. */
.dkck-app .dkck-admin-section h3{font-size:17px!important;}
.dkck-app .dkck-admin-section h4{font-size:15px!important;}
.dkck-app .dkck-admin-section>p,.dkck-app .dkck-section-help,.dkck-app .dkck-admin-section-head p{font-size:12.5px!important;}
.dkck-app .dkck-admin-form label,.dkck-app .dkck-admin-settings-form label,.dkck-app .dkck-field-title{font-size:12.5px!important;color:var(--dkck-text-soft)!important;}
.dkck-app .dkck-setting-row strong{font-size:13px!important;line-height:1.35!important;}
.dkck-app .dkck-setting-row small{font-size:12px!important;line-height:1.5!important;color:var(--dkck-muted)!important;}
.dkck-app .dkck-admin-callout strong{font-size:13px!important;line-height:1.35!important;}
.dkck-app .dkck-admin-callout small{font-size:12px!important;line-height:1.5!important;color:var(--dkck-muted)!important;}
.dkck-app .dkck-admin-actions-grid b{font-size:13.5px!important;line-height:1.35!important;}
.dkck-app .dkck-admin-actions-grid span{font-size:12px!important;line-height:1.5!important;color:var(--dkck-muted)!important;}
.dkck-app .dkck-admin-stat span{font-size:12px!important;}.dkck-app .dkck-admin-stat small{font-size:11.5px!important;line-height:1.45!important;}
.dkck-app .dkck-user-card-head h3{font-size:14.5px!important;}.dkck-app .dkck-user-card-head p{font-size:12px!important;line-height:1.45!important;}
.dkck-app .dkck-client-card summary strong{font-size:14px!important;}.dkck-app .dkck-client-card summary span{font-size:11.5px!important;line-height:1.4!important;color:var(--dkck-muted)!important;}
.dkck-app .dkck-user-card summary,.dkck-app .dkck-client-card summary{font-size:12.5px!important;line-height:1.4!important;}
.dkck-app .dkck-cap-check span,.dkck-app .dkck-link-check strong{font-size:12px!important;line-height:1.4!important;}
.dkck-app .dkck-cap-check small,.dkck-app .dkck-link-check small{font-size:11.5px!important;line-height:1.45!important;color:var(--dkck-muted)!important;}
.dkck-app .dkck-role-pill{font-size:11px!important;}.dkck-app .dkck-action-code{font-size:10.5px!important;}
.dkck-app .dkck-admin-table{font-size:12px!important;}.dkck-app .dkck-admin-table th{font-size:11.5px!important;}.dkck-app .dkck-admin-table td{line-height:1.45!important;}

/* Projects/workspace. */
.dkck-app .dkck-project-head-copy small,.dkck-app .dkck-project-member small,.dkck-app .dkck-workday-hero-card small{font-size:11.5px!important;line-height:1.4!important;color:var(--dkck-muted)!important;}
.dkck-app .dkck-project-info small,.dkck-app .dkck-project-kpi small{font-size:12px!important;color:var(--dkck-muted)!important;}
.dkck-app .dkck-project-info strong,.dkck-app .dkck-project-member strong{font-size:13px!important;line-height:1.4!important;color:var(--dkck-text)!important;}
.dkck-app .dkck-offline-pill{font-size:11.5px!important;}

/* Hours. */
.dkck-app .dkck-timer-start label{font-size:12.5px!important;}.dkck-app .dkck-timer-start-intro small{font-size:11.5px!important;line-height:1.45!important;}
.dkck-app .dkck-hour-time{font-size:11.5px!important;}.dkck-app .dkck-hour-project{font-size:13px!important;}.dkck-app .dkck-hour-desc,.dkck-app .dkck-hour-user{font-size:11.5px!important;line-height:1.4!important;}
.dkck-app .dkck-hours-filterbar button,.dkck-app .dkck-hours-filterbar select{font-size:12px!important;}
.dkck-app .dkck-hours-workday-status strong{font-size:12px!important;}.dkck-app .dkck-hours-workday-status small{font-size:11.5px!important;line-height:1.4!important;}

/* Notifications and reminders. */
.dkck-app .dkck-notification-popup-copy small,.dkck-app .dkck-notification-card-head small,.dkck-app .dkck-notification-card-head time{font-size:10.5px!important;line-height:1.35!important;}
.dkck-app .dkck-notification-card-head strong{font-size:13px!important;}.dkck-app .dkck-notification-card-body>p{font-size:12px!important;line-height:1.5!important;}
.dkck-app .dkck-notification-popup-meta{font-size:11px!important;}.dkck-app .dkck-notification-card-actions button,.dkck-app .dkck-snooze-menu button{font-size:11.5px!important;}

/* Notes controls — keep cards compact, never unreadably tiny. */
.dkck-app .dkck-note-composer-actions small{font-size:10.5px!important;}.dkck-app .dkck-note-filterbar button{font-size:11.5px!important;}
.dkck-app .dkck-note-card-body{font-size:12px!important;line-height:1.55!important;}.dkck-app .dkck-note-card-foot small{font-size:10.5px!important;}
.dkck-app .dkck-note-chip{font-size:10px!important;}.dkck-app .dkck-note-tabs button{font-size:11.5px!important;}.dkck-app .dkck-note-meta-grid label{font-size:11.5px!important;}

/* Agenda can be dense, but desktop text must remain readable. */
.dkck-app .dkck-agenda-desc{font-size:11.5px!important;line-height:1.45!important;}.dkck-app .dkck-agenda-time strong{font-size:11.5px!important;}.dkck-app .dkck-agenda-time span{font-size:10.5px!important;}
.dkck-app .dkck-agenda-day-panel-head small,.dkck-app .dkck-agenda-month-title small{font-size:10.5px!important;}.dkck-app .dkck-month-weekdays span{font-size:10.5px!important;}
.dkck-app .dkck-month-event b,.dkck-app .dkck-month-event em,.dkck-app .dkck-month-more{font-size:9.5px!important;}.dkck-app .dkck-month-count{font-size:9.5px!important;}
.dkck-app .dkck-week-event small,.dkck-app .dkck-timed-event small,.dkck-app .dkck-time-axis span{font-size:10.5px!important;}

/* Controls: consistent readable labels. */
.dkck-app .dkck-primary,.dkck-app .dkck-secondary,.dkck-app .dkck-danger,.dkck-app .dkck-text-btn,.dkck-app .dkck-button{font-size:13.5px!important;}
.dkck-app .dkck-admin-tabs button,.dkck-app .dkck-account-tabs button,.dkck-app .dkck-project-tabs button{font-size:12.5px!important;}

@media (max-width:760px){
  .dkck-app{--dkck-font-body:14px;--dkck-font-label:12px;}
  .dkck-app .dkck-search-wrap{height:50px!important;min-height:50px!important;}
  .dkck-app .dkck-search-wrap input{font-size:15px!important;}
  .dkck-app .dkck-todo-row-body>strong{font-size:13.5px!important;}.dkck-app .dkck-todo-row-meta{font-size:11px!important;}
  .dkck-app .dkck-admin-section>p,.dkck-app .dkck-section-help,.dkck-app .dkck-setting-row small{font-size:11.5px!important;}
  /* Calendar dots remain intentionally compact on very small screens. */
  .dkck-app .dkck-month-event b,.dkck-app .dkck-month-event em,.dkck-app .dkck-month-more{font-size:9px!important;}
}


/* v1.0.44 — ruimere desktop zijpanelen
   Alle panelen die vanaf rechts openen krijgen op desktop meer werkruimte.
   Mobiel/tablet behoudt de native bottom-sheet/full-width ervaring. */
@media (min-width: 801px){
  
  
  
  
  
  
  
}

@media (min-width: 1500px){
  
  
  
  
}

/* v1.0.48: Syntess-import blijft ruim maar compact op desktop */
@media (min-width:801px){}
@media (min-width:1500px){}