/* =========================================================
   RABBIT TASK OPERATIVO V8
   UX/UI pagina Task coerente con Home, Mail Desk e macrocard.
   ========================================================= */
#assignments .rabbit-task-page-v8{
  display:flex !important;
  flex-direction:column !important;
  gap:18px !important;
  color:#081a33 !important;
}
#assignments .task-hero-v8{
  position:relative !important;
  overflow:hidden !important;
  border-radius:30px !important;
  padding:28px !important;
  min-height:190px !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 290px !important;
  gap:22px !important;
  align-items:center !important;
  background:
    radial-gradient(circle at 84% 8%,rgba(38,116,232,.16),transparent 34%),
    radial-gradient(circle at 12% 90%,rgba(17,185,129,.12),transparent 30%),
    linear-gradient(135deg,rgba(255,255,255,.96),rgba(244,249,255,.86)) !important;
  border:1px solid rgba(190,210,236,.88) !important;
  box-shadow:0 24px 72px rgba(20,45,85,.11), inset 0 1px 0 rgba(255,255,255,.82) !important;
}
#assignments .task-hero-v8:after{
  content:"TASK" !important;
  position:absolute !important;
  right:22px !important;
  bottom:-24px !important;
  font-size:96px !important;
  line-height:1 !important;
  font-weight:1000 !important;
  letter-spacing:-.09em !important;
  color:rgba(15,23,42,.035) !important;
  pointer-events:none !important;
}
#assignments .task-kicker{
  display:inline-flex !important;
  width:max-content !important;
  align-items:center !important;
  min-height:28px !important;
  padding:0 11px !important;
  border-radius:999px !important;
  color:#2457d6 !important;
  background:#eef5ff !important;
  border:1px solid rgba(80,132,235,.18) !important;
  font-size:10px !important;
  font-weight:950 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
}
#assignments .task-hero-v8 h2{
  margin:12px 0 8px !important;
  font-size:42px !important;
  line-height:.96 !important;
  letter-spacing:-.075em !important;
  font-weight:1000 !important;
  color:#081a33 !important;
}
#assignments .task-hero-v8 h2 span{color:#2061d7 !important;}
#assignments .task-hero-v8 p{
  max-width:760px !important;
  margin:0 !important;
  color:#5b6f88 !important;
  font-size:14px !important;
  line-height:1.5 !important;
  font-weight:650 !important;
}
#assignments .task-hero-actions{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:10px !important;
  margin-top:18px !important;
}
#assignments .task-hero-actions button,
#assignments .rabbit-task-empty button{
  min-height:42px !important;
  padding:0 16px !important;
  border-radius:15px !important;
  border:1px solid rgba(178,200,226,.85) !important;
  background:#fff !important;
  color:#153355 !important;
  font-size:13px !important;
  font-weight:900 !important;
  cursor:pointer !important;
  box-shadow:0 10px 24px rgba(20,45,85,.055) !important;
}
#assignments .task-hero-actions button.primary,
#assignments .rabbit-task-empty button{
  color:#fff !important;
  border:0 !important;
  background:linear-gradient(135deg,#2674e8,#18b789) !important;
  box-shadow:0 15px 34px rgba(38,116,232,.22) !important;
}
#assignments .task-hero-panel{
  position:relative !important;
  z-index:1 !important;
  border-radius:26px !important;
  padding:22px !important;
  min-height:135px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  background:rgba(255,255,255,.68) !important;
  border:1px solid rgba(186,207,232,.76) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85),0 12px 28px rgba(20,45,85,.07) !important;
}
#assignments .task-hero-panel b{
  display:block !important;
  font-size:48px !important;
  line-height:.9 !important;
  letter-spacing:-.08em !important;
  color:#0b2648 !important;
}
#assignments .task-hero-panel span{
  margin-top:8px !important;
  font-size:13px !important;
  text-transform:uppercase !important;
  letter-spacing:.07em !important;
  font-weight:950 !important;
  color:#2457d6 !important;
}
#assignments .task-hero-panel small{
  margin-top:9px !important;
  color:#64748b !important;
  font-size:12px !important;
  font-weight:780 !important;
}
#assignments .task-kpi-grid{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:12px !important;
}
#assignments .task-kpi{
  min-height:96px !important;
  text-align:left !important;
  padding:16px !important;
  border-radius:22px !important;
  border:1px solid rgba(190,210,236,.86) !important;
  background:rgba(255,255,255,.82) !important;
  box-shadow:0 14px 32px rgba(20,45,85,.07) !important;
  cursor:pointer !important;
  transition:.18s ease !important;
}
#assignments .task-kpi:hover,
#assignments .task-kpi.active{
  transform:translateY(-2px) !important;
  border-color:rgba(38,116,232,.38) !important;
  background:linear-gradient(145deg,#eef6ff,#fff) !important;
}
#assignments .task-kpi b{
  display:block !important;
  font-size:32px !important;
  line-height:1 !important;
  letter-spacing:-.06em !important;
  color:#0b2648 !important;
}
#assignments .task-kpi span{
  display:block !important;
  margin-top:8px !important;
  font-size:11px !important;
  text-transform:uppercase !important;
  letter-spacing:.08em !important;
  font-weight:950 !important;
  color:#64748b !important;
}
#assignments .task-kpi.danger.active,
#assignments .task-kpi.danger:hover{border-color:rgba(239,68,68,.28) !important;background:linear-gradient(145deg,#fff1f2,#fff) !important;}
#assignments .task-kpi.success.active,
#assignments .task-kpi.success:hover{border-color:rgba(22,166,106,.28) !important;background:linear-gradient(145deg,#ecfdf5,#fff) !important;}
#assignments .task-toolbar-v8{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(260px,360px) !important;
  gap:12px !important;
  align-items:center !important;
  padding:12px !important;
  border-radius:24px !important;
  background:rgba(255,255,255,.72) !important;
  border:1px solid rgba(190,210,236,.80) !important;
  box-shadow:0 12px 34px rgba(20,45,85,.055) !important;
}
#assignments .task-tabs{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:8px !important;
}
#assignments .task-tabs button{
  min-height:36px !important;
  padding:0 12px !important;
  border-radius:13px !important;
  border:1px solid rgba(190,210,236,.82) !important;
  background:#fff !important;
  color:#42566d !important;
  font-size:12px !important;
  font-weight:900 !important;
  cursor:pointer !important;
}
#assignments .task-tabs button.active{
  color:#fff !important;
  border-color:transparent !important;
  background:linear-gradient(135deg,#2674e8,#18b789) !important;
  box-shadow:0 10px 22px rgba(38,116,232,.18) !important;
}
#assignments .task-search{
  height:42px !important;
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  padding:0 12px !important;
  border-radius:15px !important;
  background:#fff !important;
  border:1px solid rgba(190,210,236,.86) !important;
}
#assignments .task-search span{color:#8aa0b7 !important;font-weight:900 !important;}
#assignments .task-search input{
  flex:1 !important;
  min-width:0 !important;
  border:0 !important;
  outline:0 !important;
  color:#0b2648 !important;
  font-size:13px !important;
  font-weight:760 !important;
  background:transparent !important;
}
#assignments .task-result-head{
  display:flex !important;
  justify-content:space-between !important;
  align-items:center !important;
  gap:12px !important;
  color:#53677e !important;
  font-size:13px !important;
  font-weight:850 !important;
}
#assignments .task-result-head b{color:#0b2648 !important;font-size:18px !important;}
#assignments .rabbit-task-board{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:14px !important;
}
#assignments .task-column{
  min-width:0 !important;
  border-radius:26px !important;
  padding:12px !important;
  background:rgba(255,255,255,.58) !important;
  border:1px solid rgba(190,210,236,.76) !important;
  box-shadow:0 16px 42px rgba(20,45,85,.06) !important;
}
#assignments .task-column header{
  height:42px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  padding:0 4px 0 8px !important;
}
#assignments .task-column h3{
  margin:0 !important;
  font-size:14px !important;
  font-weight:950 !important;
  letter-spacing:-.02em !important;
  color:#0b2648 !important;
}
#assignments .task-column header span{
  min-width:27px !important;
  height:27px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:999px !important;
  background:#eef5ff !important;
  color:#2457d6 !important;
  font-size:12px !important;
  font-weight:950 !important;
}
#assignments .rabbit-task-list{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:14px !important;
}
#assignments .rabbit-task-card{
  position:relative !important;
  overflow:hidden !important;
  margin:0 0 10px !important;
  border-radius:22px !important;
  padding:14px !important;
  background:rgba(255,255,255,.88) !important;
  border:1px solid rgba(190,210,236,.78) !important;
  box-shadow:0 12px 30px rgba(20,45,85,.065) !important;
}
#assignments .rabbit-task-card:before{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  top:0 !important;
  bottom:0 !important;
  width:4px !important;
  background:#2674e8 !important;
}
#assignments .rabbit-task-card.late:before{background:#ef4444 !important;}
#assignments .rabbit-task-card.progress:before{background:#f59e0b !important;}
#assignments .rabbit-task-card.done:before{background:#16a66a !important;}
#assignments .task-card-top{
  display:grid !important;
  grid-template-columns:12px minmax(0,1fr) auto !important;
  gap:10px !important;
  align-items:start !important;
}
#assignments .task-state-dot{
  width:10px !important;
  height:10px !important;
  margin-top:4px !important;
  border-radius:50% !important;
  background:#2674e8 !important;
  box-shadow:0 0 0 4px rgba(38,116,232,.12) !important;
}
#assignments .late .task-state-dot{background:#ef4444 !important;box-shadow:0 0 0 4px rgba(239,68,68,.12) !important;}
#assignments .progress .task-state-dot{background:#f59e0b !important;box-shadow:0 0 0 4px rgba(245,158,11,.14) !important;}
#assignments .done .task-state-dot{background:#16a66a !important;box-shadow:0 0 0 4px rgba(22,166,106,.12) !important;}
#assignments .task-title-block{min-width:0 !important;}
#assignments .task-title-block b{
  display:block !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  color:#0b2648 !important;
  font-size:14px !important;
  line-height:1.18 !important;
  font-weight:950 !important;
  letter-spacing:-.02em !important;
}
#assignments .task-title-block small{
  display:block !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  margin-top:4px !important;
  color:#64748b !important;
  font-size:11px !important;
  font-weight:760 !important;
}
#assignments .task-priority{
  padding:5px 8px !important;
  border-radius:999px !important;
  font-size:9px !important;
  text-transform:uppercase !important;
  letter-spacing:.065em !important;
  font-weight:1000 !important;
  background:#eef5ff !important;
  color:#2457d6 !important;
}
#assignments .task-priority.high{background:#fff1f2 !important;color:#be123c !important;}
#assignments .task-priority.medium{background:#fffbeb !important;color:#a16207 !important;}
#assignments .task-priority.low{background:#ecfdf5 !important;color:#047857 !important;}
#assignments .task-card-body{margin-top:12px !important;display:flex !important;flex-direction:column !important;gap:10px !important;}
#assignments .task-owner{display:flex !important;align-items:center !important;gap:9px !important;}
#assignments .task-owner>span{
  width:34px !important;
  height:34px !important;
  border-radius:14px !important;
  display:grid !important;
  place-items:center !important;
  background:#e0f2fe !important;
  color:#0369a1 !important;
  font-size:12px !important;
  font-weight:1000 !important;
}
#assignments .task-owner b{display:block !important;font-size:12px !important;color:#0b2648 !important;font-weight:950 !important;}
#assignments .task-owner small{display:block !important;font-size:10.5px !important;color:#64748b !important;font-weight:760 !important;}
#assignments .task-info-grid{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:7px !important;
}
#assignments .task-info-grid span{
  border-radius:14px !important;
  padding:9px 10px !important;
  background:#f8fbff !important;
  border:1px solid rgba(220,232,247,.88) !important;
  color:#53677e !important;
  font-size:11px !important;
  font-weight:780 !important;
}
#assignments .task-info-grid b{
  display:block !important;
  color:#0b2648 !important;
  font-size:9px !important;
  font-weight:1000 !important;
  text-transform:uppercase !important;
  letter-spacing:.065em !important;
  margin-bottom:3px !important;
}
#assignments .task-notes{
  margin:0 !important;
  padding:10px !important;
  border-radius:14px !important;
  background:#fff !important;
  border:1px dashed rgba(190,210,236,.95) !important;
  color:#5b6f88 !important;
  font-size:11.5px !important;
  line-height:1.4 !important;
  font-weight:680 !important;
}
#assignments .task-card-actions{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:7px !important;
  margin-top:12px !important;
}
#assignments .task-mini-btn{
  min-height:32px !important;
  padding:0 10px !important;
  border-radius:12px !important;
  border:1px solid rgba(190,210,236,.86) !important;
  background:#fff !important;
  color:#123456 !important;
  font-size:11px !important;
  font-weight:920 !important;
  cursor:pointer !important;
}
#assignments .task-mini-btn.primary{background:#eef5ff !important;color:#2457d6 !important;border-color:rgba(38,116,232,.20) !important;}
#assignments .task-mini-btn.success{background:#ecfdf5 !important;color:#047857 !important;border-color:rgba(22,166,106,.22) !important;}
#assignments .task-empty-col,
#assignments .rabbit-task-empty{
  border-radius:18px !important;
  padding:18px !important;
  background:rgba(255,255,255,.62) !important;
  border:1px dashed rgba(190,210,236,.95) !important;
  color:#64748b !important;
  text-align:center !important;
  font-size:12px !important;
  font-weight:800 !important;
}
#assignments .rabbit-task-empty{
  grid-column:1/-1 !important;
  padding:34px !important;
}
#assignments .rabbit-task-empty b{display:block !important;color:#0b2648 !important;font-size:18px !important;margin-bottom:6px !important;}
#assignments .rabbit-task-empty p{margin:0 0 16px !important;}
@media(max-width:1260px){
  #assignments .rabbit-task-board{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}
@media(max-width:920px){
  #assignments .task-hero-v8{grid-template-columns:1fr !important;padding:22px !important;}
  #assignments .task-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
  #assignments .task-toolbar-v8{grid-template-columns:1fr !important;}
  #assignments .rabbit-task-list{grid-template-columns:1fr !important;}
}
@media(max-width:620px){
  #assignments .rabbit-task-page-v8{gap:14px !important;}
  #assignments .task-hero-v8{border-radius:24px !important;padding:18px !important;min-height:0 !important;}
  #assignments .task-hero-v8 h2{font-size:31px !important;letter-spacing:-.065em !important;}
  #assignments .task-hero-v8 p{font-size:13px !important;}
  #assignments .task-hero-panel{padding:18px !important;min-height:105px !important;}
  #assignments .task-hero-panel b{font-size:38px !important;}
  #assignments .task-hero-actions{display:grid !important;grid-template-columns:1fr !important;}
  #assignments .task-hero-actions button{width:100% !important;}
  #assignments .task-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:9px !important;}
  #assignments .task-kpi{min-height:82px !important;padding:13px !important;border-radius:18px !important;}
  #assignments .task-kpi b{font-size:27px !important;}
  #assignments .task-tabs{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
  #assignments .task-tabs button{width:100% !important;}
  #assignments .rabbit-task-board{grid-template-columns:1fr !important;}
  #assignments .task-card-top{grid-template-columns:12px minmax(0,1fr) !important;}
  #assignments .task-priority{grid-column:2 !important;width:max-content !important;margin-top:4px !important;}
}