/* FileShare UI · css/tasks.css · Scheduled tasks. Loaded in the order listed in index.html. */
/* Scheduled tasks */
.tasks-split { --top-h: 58%; }
.tasks-grid td, .tasks-grid th { white-space: nowrap; }
.tasks-grid tr[data-id] { cursor: pointer; }
.tasks-grid tr[aria-selected="true"] td { background: #FFF5A8 !important; }
.tdetail .btn:disabled { opacity: .45; cursor: not-allowed; }
.tdot { display: inline-block; width: 15px; height: 15px; border-radius: 50%; border: 3px solid #fff; box-shadow: 0 0 0 1.5px currentColor; vertical-align: middle; }
.tdot.on { background: #1E8E3E; color: #1E8E3E; } .tdot.off { background: #C5221F; color: #C5221F; } .tdot.na { background: #B0B7BF; color: #B0B7BF; }
.tgear { width: 18px; height: 18px; color: #A9B1BA; }
.tgear.spin { color: #2B6CB0; animation: tspin 1.4s linear infinite; }
@keyframes tspin { to { transform: rotate(360deg); } }
.tbar { display: inline-block; width: 120px; height: 14px; border: 1px solid #9AA5B1; background: #fff; vertical-align: middle; }
.tbar > div { height: 100%; background: linear-gradient(#5FB878, #2E8B57); transition: width .4s; }
.tpct { display: inline-block; width: 40px; text-align: right; font-size: 12.5px; }
.tdetail { padding: 10px 14px; display: flex; flex-direction: column; gap: 6px; height: 100%; box-sizing: border-box; }
.tdetail-head { display: flex; align-items: baseline; gap: 12px; } .tdetail-head h3 { margin: 0; }
.tstate { font-size: 13px; color: var(--muted); } .tstate.run { color: #2B6CB0; font-weight: 600; } .tstate.err { color: #C5221F; }
.tdetail .hint { margin: 0; }
.tdetail-form { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.tdetail-gap { flex: 1; }
.tdetail-result { font-size: 13px; }
.tlog { flex: 1; min-height: 80px; margin: 0; overflow: auto; background: #1E2329; color: #D6DEE6; font: 12px/1.45 ui-monospace, Consolas, monospace; padding: 8px 10px; border-radius: 4px; white-space: pre-wrap; }
.snip { font-size: 12px; color: var(--muted); margin-top: 2px; white-space: normal; max-width: 520px; }
.snip mark { background: #FFE58A; color: inherit; padding: 0 1px; }
.menu button .soon { margin-left: 8px; font-size: 11px; color: var(--muted); }

@media (max-width: 1000px) {
  .login { grid-template-columns: 1fr; }
  .login-story { display: none; }
  .appbar { flex-wrap: wrap; gap: 12px; padding-left: 14px; }
  .top-action span { display: none; }
  .workspace, .workspace.has-preview { grid-template-columns: 1fr; grid-template-rows: 220px auto 1fr; }
  .workspace .splitter-v { display: none; }
  .workspace.has-preview .center { display: none; }
}

@media (prefers-reduced-motion: reduce) { .upload-bar span { transition: none; } }