/* Sprint E — UI compartido (gestor + planificador) */

:where(button,a[href],input,select,textarea,.lf-link,.af-link):focus-visible{
  outline:none;
  box-shadow:var(--focus-ring,0 0 0 3px color-mix(in srgb,var(--acc) 22%,transparent));
}

.lf-link,.af-link{
  background:none;border:none;padding:4px 0;margin:0;
  font:inherit;font-size:12px;color:var(--tx3);
  cursor:pointer;text-decoration:underline;text-underline-offset:2px;
  min-height:var(--touch-min,44px);
  display:inline-flex;align-items:center;
}
.lf-link:hover,.af-link:hover{color:var(--acc);}
.lf-links,.af-links{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;justify-content:center;}

.nota-card{padding:10px 12px;border-radius:var(--radius-md,10px);background:var(--bg2);margin-bottom:6px;}
.nota-card--indent{margin-left:20px;}
.nota-card__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;font-size:12px;font-weight:600;color:var(--tx);}
.nota-card__author{display:flex;align-items:center;gap:8px;margin-bottom:6px;}
.nota-card__author-info{display:flex;flex-direction:column;flex:1;min-width:0;gap:1px;}
.nota-card__author-name{font-size:12px;font-weight:600;color:var(--tx);line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.nota-card__author-date{font-size:11px;color:var(--tx3);line-height:1.2;}
.nota-card__actions{display:flex;align-items:center;gap:6px;flex-shrink:0;}
.nota-author-avatar{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:50%;overflow:hidden;background:var(--bg3,var(--bg2));}
.nota-author-avatar--img{object-fit:cover;border-radius:50%;}
.nota-author-avatar--emoji{text-align:center;}
.nota-card__target{font-size:11px;font-weight:600;color:var(--tx2);margin-bottom:6px;display:flex;align-items:center;gap:4px;}
.nota-card__meta{font-size:11px;color:var(--tx3);margin-bottom:3px;}
.nota-card__body{font-size:13px;color:var(--tx2);margin-bottom:6px;word-break:break-word;white-space:pre-wrap;}
.nota-card__footer{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;}
.nota-card__badge{font-size:11px;font-weight:600;}

.form-field label,.login-field label{
  display:block;font-size:12px;font-weight:600;color:var(--tx2);margin-bottom:6px;
}
.form-field-hint{font-size:11px;color:var(--tx3);margin-top:4px;line-height:1.4;}

/* Date inputs — icono de calendario visible en fondos oscuros */
input[type="date"]{color-scheme:dark;}
.light input[type="date"]{color-scheme:light;}
input[type="date"]::-webkit-calendar-picker-indicator{
  opacity:1;
  cursor:pointer;
  width:18px;
  height:18px;
  margin-left:4px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%236dd4c7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V7z'/%3E%3Cpath d='M16 3v4M8 3v4M4 11h16'/%3E%3C/svg%3E");
  background-size:18px 18px;
  background-repeat:no-repeat;
  background-position:center;
}
.light input[type="date"]::-webkit-calendar-picker-indicator{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%2308756b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V7z'/%3E%3Cpath d='M16 3v4M8 3v4M4 11h16'/%3E%3C/svg%3E");
}
input[type="date"]:hover::-webkit-calendar-picker-indicator,
input[type="date"]:focus::-webkit-calendar-picker-indicator{
  filter:brightness(1.15);
}

#app-footer{
  display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;justify-content:space-between;
  padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));
  font-size:11px;color:var(--tx3);border-top:1px solid var(--bd);
}
#app-footer .af-left{flex:1;min-width:0;}

:where(.btn,.ni,.ni-b,.topbar-logout,.hamburger,.wpill,.login-btn-primary):active:not(:disabled){
  transform:scale(0.98);
}
@media(prefers-reduced-motion:reduce){
  :where(.btn,.ni,.ni-b,.topbar-logout,.wpill,.login-btn-primary):active{transform:none;}
  #login-overlay:not(.hidden) .login-shell{animation:none!important;}
}

/* Kronzen product branding */
.kronzen-product-img{width:100%;height:100%;object-fit:contain;object-position:center;display:block;}
.topbar-kronzen-slot{
  flex-shrink:0;display:flex;align-items:center;line-height:0;
}
.kronzen-product-img--topbar{
  width:32px!important;height:32px!important;max-width:32px!important;max-height:32px!important;
  flex-shrink:0;object-fit:contain;object-position:center;border-radius:8px;
}
.kronzen-product-img--login,.kronzen-product-img--boot{width:48px;height:48px;border-radius:14px;}
.kronzen-product-img--showcase{width:26px;height:26px;border-radius:8px;}
.kronzen-wordmark-img--topbar{height:26px;width:auto;max-width:min(240px,46vw);display:block;}
.login-wordmark-slot{display:flex;align-items:center;justify-content:center;width:100%;line-height:0;}
.kronzen-wordmark-img--login{height:36px;width:auto;max-width:min(300px,78vw);object-fit:contain;display:block;}
.login-wordmark-slot.has-product-icon{width:56px;height:56px;border-radius:16px;}
.login-logo-mark.has-product-icon,.app-boot-logo.has-product-icon,.login-showcase-badge.has-product-icon{background:transparent;}
.app-sidebar-logo-box.has-product-icon{background:transparent;}
.app-sidebar-logo-box.is-kronzen-hidden{display:none!important;}
@media(min-width:861px){
  #topbar-kronzen-img{display:none!important;}
  #topbar-kronzen-wordmark-img:not([hidden]){display:block!important;}
}
@media(max-width:860px){
  #topbar-kronzen-wordmark-img{display:none!important;}
  #topbar-kronzen-img:not([hidden]){display:block!important;}
}
.topbar-app-name{display:none!important;}