/* Einfache Ansicht: dieselben Funktionen mit mehr Ruhe und größeren Zielen. */
.simple-ui { font-size: 17px; }
.simple-ui .sidebar { width: 286px; }
.simple-ui .main-content { width: calc(100% - 286px); margin-left: 286px; }
.simple-ui .nav-item { min-height: 48px; font-size: 16px; }
.simple-ui .nav-group > summary { min-height:52px; font-size:17px; }
.simple-ui-hint { display: none; }
.simple-ui .simple-ui-hint { display: block; color: #d3e6dd; font-size: 13px; line-height: 1.5; margin: 18px 12px; }
.simple-ui .button, .simple-ui .table-action, .simple-ui .filter, .simple-ui .readability-button { min-height: 44px; font-size: 15px; padding: 10px 15px; }
.simple-ui .field input, .simple-ui .field select, .simple-ui .field textarea { min-height: 46px; font-size: 17px; }
.simple-ui .field label, .simple-ui .meeting-list-item p, .simple-ui .task-card footer, .simple-ui td, .simple-ui .settings-card p { font-size: 15px; }
.simple-ui .view { max-width: 1040px; }
.simple-ui .dashboard-grid, .simple-ui .content-grid, .simple-ui .mail-layout { grid-template-columns: 1fr; }
.simple-ui .tip-card { display: block; }
.simple-ui .recent-minutes { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.simple-ui .stats-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.simple-ui .minute-status { margin-top: 20px; padding: 14px; background: #e9f1ec; border-radius: 9px; }
#simpleModeButton[aria-pressed="true"] { background: #123b35; color: white; }
.minute-status { margin-top: 18px; padding: 12px; background: #eef3f0; border-radius: 8px; }
button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible { outline: 3px solid #e87945; outline-offset: 2px; }
@media (max-width: 760px) {
  .simple-ui .sidebar { width: min(86vw, 320px); transform: translateX(-100%); }
  .simple-ui .sidebar.open { transform: translateX(0); }
  .simple-ui .main-content { width: 100%; margin-left: 0; }
  .simple-ui .recent-minutes { grid-template-columns: 1fr; }
  .topbar-actions { gap: 6px; }
  #simpleModeButton { padding: 7px 8px; }
}
@media (max-width: 420px) {
  .topbar { padding: 0 9px; }
  .topbar-actions { gap: 4px; }
  .breadcrumb h1 { font-size: 16px; }
  .readability-button { padding: 7px 7px; }
  .simple-ui .stats-grid { grid-template-columns: 1fr; }
}