
/* Canlı Ekip Takibi / read-only shared time board */
.mwo-live-overview{display:flex;gap:16px;justify-content:space-between;align-items:center;margin:0 0 12px;background:var(--mwo-surface,rgba(255,255,255,.85));border:1px solid var(--mwo-line,rgba(127,127,127,.2));border-radius:18px;padding:18px}
.mwo-live-overview h2{margin:0 0 4px;font-size:21px}.mwo-live-overview p{margin:0;font-size:14px}
.mwo-live-overview button{border-radius:10px;padding:9px 14px;cursor:pointer;white-space:nowrap;background:var(--mwo-accent,#223b66);color:white;border:0}
.mwo-live-note,.mwo-live-footnote{opacity:.78;font-size:13px;line-height:1.6}
.mwo-live-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin:18px 0}
.mwo-live-person{border-radius:18px;background:var(--mwo-surface,rgba(255,255,255,.88));border:1px solid var(--mwo-line,rgba(127,127,127,.2));padding:18px;min-width:0;box-shadow:0 3px 16px rgba(0,0,0,.035)}
.mwo-live-header{display:flex;align-items:center;gap:11px;margin-bottom:14px}
.mwo-live-header img{width:45px;height:45px;border-radius:50%;object-fit:cover;background:rgba(140,140,140,.13)}
.mwo-live-person-name{display:flex;flex-direction:column;flex:1;gap:3px;min-width:0}.mwo-live-person-name strong{font-size:15px}.mwo-live-person-name span{font-size:12px;opacity:.75}
.mwo-live-state{font-size:11px;padding:5px 8px;border-radius:999px;font-weight:700;white-space:nowrap}.mwo-live-state.is-working{background:rgba(26,151,97,.13);color:#0c9f65}.mwo-live-state.is-idle{background:rgba(133,133,133,.11);opacity:.8}
.mwo-live-current{padding:14px;border-radius:13px;background:rgba(67,123,196,.065);border:1px solid rgba(78,138,201,.17);margin:10px 0}
.mwo-live-client{text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:700;opacity:.8;margin-bottom:6px}.mwo-live-task{font-size:15px;font-weight:700;line-height:1.45;overflow-wrap:anywhere}
.mwo-live-phase{font-size:12px;margin-top:5px;opacity:.73;overflow-wrap:anywhere}.mwo-live-elapsed{font-weight:700;margin-top:10px;font-size:14px}.mwo-live-remaining{font-size:13px;margin-top:5px;color:#168753;font-weight:600}.mwo-live-overdue{color:#d04b4b!important}
.mwo-live-next{padding:11px 0 0;font-size:12px;line-height:1.5;display:flex;flex-direction:column;gap:4px;overflow-wrap:anywhere}.mwo-live-next span,.mwo-live-next small{opacity:.72}.mwo-live-next strong{font-size:12px}.mwo-live-idle{padding:15px;border-radius:12px;background:rgba(120,120,120,.07);opacity:.75;font-size:13px}
.mwo-live-count{display:block;font-size:11px;opacity:.65;margin-top:12px}.mwo-live-warning{font-size:12px;font-weight:700;color:#bf6634;background:rgba(220,145,70,.12);border-radius:8px;padding:8px}
@media(max-width:780px){.mwo-live-grid{grid-template-columns:1fr}.mwo-live-overview{align-items:flex-start;flex-direction:column}.mwo-live-person{padding:14px}}

.mwo-live-progress{background:rgba(103,124,160,.18);height:7px;border-radius:99px;overflow:hidden;margin-top:12px}.mwo-live-progress>span{display:block;background:#249f84;border-radius:99px;height:100%;width:0;transition:width .3s linear}.mwo-live-progress>span.is-overdue{background:#d04b4b}


/* v1.6.36 — dark mode visual fix for live team board */
#mare-work-os .mwo-live-overview,
#mare-work-os .mwo-live-person,
#mare-work-os .mwo-live-current,
#mare-work-os .mwo-live-idle,
#mare-work-os .mwo-live-warning,
#mare-work-os .mwo-live-progress,
#mare-work-os .mwo-live-note,
#mare-work-os .mwo-live-footnote,
#mare-work-os .mwo-live-next,
#mare-work-os .mwo-live-person-name,
#mare-work-os .mwo-live-person-name strong,
#mare-work-os .mwo-live-person-name span,
#mare-work-os .mwo-live-task,
#mare-work-os .mwo-live-phase,
#mare-work-os .mwo-live-client,
#mare-work-os .mwo-live-elapsed,
#mare-work-os .mwo-live-count{box-sizing:border-box}

#mare-work-os:not(.mwo-theme-light) .mwo-live-overview{
  background:linear-gradient(145deg,#20262e,#171c22)!important;
  border-color:rgba(255,255,255,.08)!important;
  box-shadow:0 12px 28px rgba(0,0,0,.24)!important;
  color:#f5f7fb!important;
}
#mare-work-os:not(.mwo-theme-light) .mwo-live-overview h2{color:#ffffff!important}
#mare-work-os:not(.mwo-theme-light) .mwo-live-overview p,
#mare-work-os:not(.mwo-theme-light) .mwo-live-note,
#mare-work-os:not(.mwo-theme-light) .mwo-live-footnote{color:#a9b4c6!important;opacity:1!important}
#mare-work-os:not(.mwo-theme-light) .mwo-live-overview button{
  background:linear-gradient(180deg,#2e6ef6,#2158cf)!important;
  border:1px solid rgba(102,153,255,.48)!important;
  color:#fff!important;
  box-shadow:0 8px 22px rgba(36,93,209,.22)!important;
}
#mare-work-os:not(.mwo-theme-light) .mwo-live-person{
  background:linear-gradient(145deg,#232830,#1a1f26)!important;
  border-color:rgba(255,255,255,.08)!important;
  box-shadow:0 12px 28px rgba(0,0,0,.2)!important;
  color:#eef3fb!important;
}
#mare-work-os:not(.mwo-theme-light) .mwo-live-person-name strong,
#mare-work-os:not(.mwo-theme-light) .mwo-live-task,
#mare-work-os:not(.mwo-theme-light) .mwo-live-elapsed,
#mare-work-os:not(.mwo-theme-light) .mwo-live-next strong{color:#f5f7fb!important}
#mare-work-os:not(.mwo-theme-light) .mwo-live-person-name span,
#mare-work-os:not(.mwo-theme-light) .mwo-live-phase,
#mare-work-os:not(.mwo-theme-light) .mwo-live-next span,
#mare-work-os:not(.mwo-theme-light) .mwo-live-next small,
#mare-work-os:not(.mwo-theme-light) .mwo-live-count,
#mare-work-os:not(.mwo-theme-light) .mwo-live-client{color:#a8b3c4!important;opacity:1!important}
#mare-work-os:not(.mwo-theme-light) .mwo-live-state.is-idle{background:rgba(150,160,175,.14)!important;color:#d6dfec!important;opacity:1!important}
#mare-work-os:not(.mwo-theme-light) .mwo-live-current{
  background:linear-gradient(145deg,rgba(56,92,145,.2),rgba(26,38,58,.32))!important;
  border-color:rgba(109,157,230,.26)!important;
}
#mare-work-os:not(.mwo-theme-light) .mwo-live-idle{
  background:rgba(255,255,255,.045)!important;
  color:#ccd5e3!important;
  opacity:1!important;
}
#mare-work-os:not(.mwo-theme-light) .mwo-live-warning{
  background:rgba(205,128,55,.18)!important;
  color:#ffcb93!important;
}
#mare-work-os:not(.mwo-theme-light) .mwo-live-progress{background:rgba(156,173,203,.16)!important}
#mare-work-os:not(.mwo-theme-light) .mwo-live-remaining{color:#60d7a5!important}

#mare-work-os.mwo-theme-light .mwo-live-overview{
  background:linear-gradient(145deg,#ffffff,#f5f8fd)!important;
  border-color:#dbe4ef!important;
  color:#1f3147!important;
}
#mare-work-os.mwo-theme-light .mwo-live-overview h2,
#mare-work-os.mwo-theme-light .mwo-live-person-name strong,
#mare-work-os.mwo-theme-light .mwo-live-task,
#mare-work-os.mwo-theme-light .mwo-live-elapsed,
#mare-work-os.mwo-theme-light .mwo-live-next strong{color:#1c3047!important}
#mare-work-os.mwo-theme-light .mwo-live-overview p,
#mare-work-os.mwo-theme-light .mwo-live-note,
#mare-work-os.mwo-theme-light .mwo-live-footnote,
#mare-work-os.mwo-theme-light .mwo-live-person-name span,
#mare-work-os.mwo-theme-light .mwo-live-phase,
#mare-work-os.mwo-theme-light .mwo-live-next span,
#mare-work-os.mwo-theme-light .mwo-live-next small,
#mare-work-os.mwo-theme-light .mwo-live-count,
#mare-work-os.mwo-theme-light .mwo-live-client{color:#61748e!important;opacity:1!important}
#mare-work-os.mwo-theme-light .mwo-live-person{
  background:linear-gradient(145deg,#ffffff,#f7f9fd)!important;
  border-color:#dbe4ef!important;
  color:#21354b!important;
  box-shadow:0 8px 24px rgba(31,63,102,.07)!important;
}
#mare-work-os.mwo-theme-light .mwo-live-current{background:#f3f8ff!important;border-color:#d7e5f7!important}
#mare-work-os.mwo-theme-light .mwo-live-idle{background:#f5f7fb!important;color:#607189!important;opacity:1!important}
#mare-work-os.mwo-theme-light .mwo-live-state.is-idle{background:#edf2f8!important;color:#52667f!important;opacity:1!important}
#mare-work-os.mwo-theme-light .mwo-live-progress{background:#dbe5f1!important}
