/* TraumAstur V5.0.7 — compact task cards, sensible desktop columns, stable mobile layout */
#tasks.tasklist{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  max-width:1100px;
  margin-inline:auto;
  gap:12px;
  align-content:start;
  align-items:stretch;
}
#tasks.tasklist .empty{grid-column:1/-1}
#tasks .task{
  padding:0;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  min-width:0;
  width:100%;
  margin:0;
  border-radius:14px;
  overflow:hidden;
  background:#fff;
}
#tasks .taskbody{padding:15px 16px 12px;flex:1;min-width:0}
#tasks .taskhead{display:block;margin:0 0 10px;min-width:0}
#tasks .taskhead h3{margin:0;min-width:0;font-size:16px;line-height:1.35;color:#3a145a;overflow-wrap:anywhere}
#tasks .task-tags{display:flex;align-items:center;align-content:flex-start;flex-wrap:wrap;gap:6px;margin:0 0 10px;min-width:0}
#tasks .task-tags .pill,#tasks .task-tags .vis{
  display:inline-flex;align-items:center;gap:4px;
  width:auto;max-width:100%;margin:0;
  padding:5px 9px;border-radius:999px;
  font-size:11px;font-weight:700;line-height:1.15;
  white-space:nowrap;
}
#tasks .task-tags .vis-symbol{font-size:12px;line-height:1}
#tasks .task-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px;min-width:0}
#tasks .task-meta-item{color:#766981;font-size:12px;line-height:1.35;overflow-wrap:anywhere}
#tasks .taskfoot{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;padding:9px 14px;border-top:1px solid #eee6f2;min-width:0}
#tasks .commentsbadge{display:inline-flex;align-items:center;gap:5px;border:0;background:transparent;color:#70647f;padding:5px 1px;text-align:left;font-size:11px;line-height:1.3;white-space:normal;cursor:pointer;min-width:0}
#tasks .commentsbadge b{background:#f0e2f8;color:#5a2a78;border-radius:6px;padding:3px 5px;font-size:10px;white-space:nowrap}
#tasks .taskbuttons{display:flex;align-items:center;gap:6px;flex:none}
#tasks .taskbuttons button{background:#f4edf7;color:#4c2567;border:1px solid transparent;border-radius:9px;min-height:34px;padding:7px 10px;font-size:12px;font-weight:750;white-space:nowrap}
#tasks .taskbuttons button:hover{background:#eadbf3}
#tasks .task.ispinned{border-color:#e3b98d}
.inbox-server-warning{background:#fff2ed;border:1px solid #e8b2a1;color:#852e24;border-radius:10px;padding:12px;font-size:13px;line-height:1.5;margin:8px 0 12px}
/* Under 1070 px, use a readable single column rather than a stretched card. */
@media(max-width:1070px){
 #tasks.tasklist{grid-template-columns:minmax(0,1fr);max-width:800px}
}
@media(max-width:790px){
 #tasks.tasklist{max-width:100%;gap:10px}
 #tasks .taskbody{padding:13px 13px 11px}
 #tasks .taskhead{margin-bottom:9px}
 #tasks .taskhead h3{font-size:15px;line-height:1.38}
 #tasks .task-tags{gap:5px;margin-bottom:9px}
 #tasks .task-tags .vis,#tasks .task-tags .pill{font-size:11px;padding:5px 8px}
 #tasks .task-meta{gap:5px 9px}
 #tasks .task-meta-item{font-size:11px}
 #tasks .taskfoot{padding:8px 12px;gap:5px}
 #tasks .taskbuttons{margin-left:auto;gap:5px}
 #tasks .taskbuttons button{min-height:34px;padding:7px 9px;font-size:11px}
}
@media(max-width:350px){
 #tasks .taskfoot{display:grid;grid-template-columns:minmax(0,1fr);gap:4px}
 #tasks .taskbuttons{margin-left:0}
}
@media print{#tasks.tasklist{display:block;max-width:100%}#tasks .task{break-inside:avoid;margin-bottom:12px}}


/* V5.0.7 — Avisos de tareas: icono vectorial, sin emoji amarillo. */
.top .right #notifbtn:not(.hide){
 display:inline-flex;position:relative;align-items:center;justify-content:center;gap:0;
 min-width:43px;min-height:42px;padding:8px 9px;
 border:1px solid rgba(255,255,255,.38);border-radius:11px;
 background:rgba(255,255,255,.10);color:#fff;
 transition:background-color .15s ease,border-color .15s ease;
}
.top .right #notifbtn:hover,.top .right #notifbtn:focus-visible{
 background:rgba(255,255,255,.20);border-color:#ffba99;
}
#notifbtn .notif-bell{
 display:block;width:22px;height:22px;fill:none;stroke:#fff;
 stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;
}
#notifbtn.has-unread .notif-bell{stroke:#ffd2bc;}
#notifbtn .notif-count{
 position:absolute;top:-6px;right:-7px;display:inline-grid;place-items:center;
 min-width:19px;height:19px;padding:0 4px;border:2px solid #3a145a;
 border-radius:100px;background:#ffba99;color:#3a145a;
 font-size:10px;line-height:1;font-weight:800;font-variant-numeric:tabular-nums;
}
#notifbtn:not(.has-unread) .notif-count{display:none;}

/* Equipo siempre visible: marco corporativo para diferenciarlo del listado. */
#teamPopover.team-widget{
 border:2px solid #bea2cf;
 border-radius:17px;
 background:#fff;
 box-shadow:0 4px 20px rgba(58,20,90,.09);
 overflow:hidden;
}
#teamPopover.team-widget .team-pop-head{
 position:relative;display:flex;align-items:center;justify-content:space-between;
 gap:9px;padding:13px 16px 13px 24px;
 background:linear-gradient(105deg,#eee1f5 0%,#f8f1fa 60%,#fff7f2 100%);
 border-bottom:1px solid #d9c5e5;
 border-radius:15px 15px 0 0;
}
#teamPopover.team-widget .team-pop-head::before{
 content:"";position:absolute;left:10px;top:13px;bottom:13px;width:4px;
 background:#663088;border-radius:20px;
}
#teamPopover.team-widget .team-list{background:#fcfafc;}
#teamPopover.team-widget .team-user{background:#fff;border-color:#e9dced;}
#teamPopover.team-widget .team-compose{border-top-color:#d9c5e5;}
@media(max-width:790px){
 #teamPopover.team-widget{border-width:2px;border-radius:14px;}
 #teamPopover.team-widget .team-pop-head{padding:11px 10px 11px 21px;border-radius:12px 12px 0 0;}
 #teamPopover.team-widget .team-pop-head::before{left:9px;top:11px;bottom:11px;width:3px;}
 .top .right #notifbtn:not(.hide){min-width:42px;min-height:42px;}
}
@media print{#notifbtn,#teamPopover.team-widget{display:none!important}}

/* Acceso a avisos rápidos: icono propio en lugar del emoji del sistema. */
.quick-alert-trigger{display:inline-flex;align-items:center;justify-content:center;gap:7px;}
.quick-alert-trigger .quick-alert-icon{width:17px;height:17px;fill:none;stroke:#64348a;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none;}