/* Schedule panel uses the same light/dark tokens as the workspace. */
.yu-cloud-panel{--yu-panel-bg:#fff;--yu-panel-border:#e2e6ee;--yu-panel-muted:#667085;--yu-panel-ink:#111827;color:var(--yu-panel-ink)}
html.dark .yu-cloud-panel,.dark .yu-cloud-panel,[data-theme="dark"] .yu-cloud-panel{--yu-panel-bg:#15171d;--yu-panel-border:#2c3039;--yu-panel-muted:#a0a7b5;--yu-panel-ink:#eef2f8;color-scheme:dark}
.yu-task-intro{color:var(--yu-panel-muted);line-height:1.7}
.yu-task-create{background:var(--yu-panel-bg);border:1px solid var(--yu-panel-border);border-radius:20px;padding:18px 20px;margin:24px 0;transition:border-color .2s,box-shadow .2s}
.yu-task-create[open]{border-color:#3b82f680;box-shadow:0 8px 30px #1371ec08}
.yu-task-create summary{display:flex;align-items:center;gap:10px;cursor:pointer;list-style:none;font-weight:600}
.yu-task-create summary::-webkit-details-marker{display:none}
.yu-task-create summary svg{transition:transform .25s}.yu-task-create[open] summary svg{transform:rotate(45deg)}
.yu-task-create form{display:grid;gap:18px;padding-top:24px;animation:yu-task-enter .22s both}
.yu-task-create label{display:grid;gap:9px;font-size:13px;color:var(--yu-panel-muted)}
.yu-task-create input,.yu-task-create textarea,.yu-select-trigger{box-sizing:border-box;width:100%;background:transparent;color:var(--yu-panel-ink);border:1px solid var(--yu-panel-border);border-radius:12px;padding:11px 13px;font:inherit;transition:border-color .2s,box-shadow .2s}
.yu-task-create input:focus,.yu-task-create textarea:focus,.yu-select-trigger:focus-visible{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f618}
.yu-task-create textarea{min-height:100px;resize:vertical;line-height:1.7}.yu-task-fields{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:16px}.yu-task-create small{color:var(--yu-panel-muted);line-height:1.7}
.yu-datetime{color-scheme:light}.dark .yu-datetime,html.dark .yu-datetime,[data-theme="dark"] .yu-datetime{color-scheme:dark}
.yu-select{position:relative}.yu-select-trigger{display:flex;justify-content:space-between;align-items:center;cursor:pointer}.yu-select-trigger svg{transform:rotate(90deg);transition:transform .2s}.yu-select[data-open=true] svg{transform:rotate(-90deg)}
.yu-select-menu{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:30;display:grid;gap:3px;padding:6px;border:1px solid var(--yu-panel-border);border-radius:13px;background:var(--yu-panel-bg);box-shadow:0 10px 30px #0002;animation:yu-task-enter .18s both;transform-origin:top center}
.yu-select-menu.is-leaving{animation:yu-task-leave .15s both}.yu-select-menu button{border:0;background:none;color:var(--yu-panel-ink);font:inherit;text-align:left;padding:10px;border-radius:8px;cursor:pointer;transition:background .18s,transform .18s}.yu-select-menu button:hover,.yu-select-menu button:focus-visible{outline:none;background:#3b82f615}.yu-select-menu button[aria-selected=true]{background:#3b82f623;color:#3b82f6}
.yu-task-list{display:grid;gap:14px}.yu-cloud-panel article.yu-task-card{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:20px;background:var(--yu-panel-bg);border:1px solid var(--yu-panel-border);border-radius:18px;animation:yu-task-enter .25s both;transition:box-shadow .2s,border-color .2s}.yu-task-card:hover{border-color:#3b82f650;box-shadow:0 4px 22px #00000008}
.yu-task-card-main{min-width:0;flex:1}.yu-task-card-title{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.yu-task-card h3{margin:0;font-size:16px;color:var(--yu-panel-ink)}.yu-task-card p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7;margin:12px 0;color:var(--yu-panel-ink)}.yu-task-card small{display:block;color:var(--yu-panel-muted);line-height:1.7}
.yu-task-status{font-size:11px;border-radius:30px;padding:4px 9px;background:#3b82f612;color:#2563eb}.yu-task-status.is-off{background:#8994a315;color:var(--yu-panel-muted)}
.yu-task-actions,.yu-task-form-actions{display:flex;gap:8px;flex-wrap:wrap}.yu-task-actions button,.yu-task-form-actions button,.yu-task-link{border:1px solid var(--yu-panel-border);background:transparent;color:var(--yu-panel-ink);font:inherit;font-size:13px;border-radius:10px;padding:8px 12px;cursor:pointer;transition:transform .16s,background .18s,border-color .18s}.yu-task-actions button:hover,.yu-task-form-actions button:hover,.yu-task-link:hover{background:#3b82f611;border-color:#3b82f655;transform:translateY(-1px)}.yu-task-actions button:active,.yu-task-form-actions button:active{transform:scale(.97)}.yu-task-actions button.danger{color:#e5484d}.yu-task-form-actions button.primary{background:#2563eb;color:white;border-color:#2563eb}.yu-task-link{margin-top:12px;color:#3b82f6}.yu-task-error{color:#e5484d!important}.yu-task-empty{color:var(--yu-panel-muted);text-align:center;padding:28px}
@keyframes yu-task-enter{from{opacity:0;transform:translateY(-6px) scale(.985)}to{opacity:1;transform:none}}@keyframes yu-task-leave{to{opacity:0;transform:translateY(-4px) scale(.985)}}
@media(max-width:700px){.yu-task-fields{grid-template-columns:1fr}.yu-cloud-panel article.yu-task-card{flex-direction:column}.yu-task-actions{width:100%}.yu-task-create{padding:16px}}
@media(prefers-reduced-motion:reduce){.yu-task-create *,.yu-task-card,.yu-select-menu{animation:none!important;transition:none!important}}

.yu-task-create-trigger{display:flex;align-items:center;gap:10px;border:0;background:none;color:var(--yu-panel-ink);font:inherit;font-weight:600;cursor:pointer;padding:0}.yu-task-create-trigger svg{transition:transform .25s}.yu-task-create.is-open .yu-task-create-trigger svg{transform:rotate(45deg)}.yu-task-create.is-open{border-color:#3b82f680}.yu-task-form-wrap{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .28s ease,opacity .2s ease}.yu-task-form-wrap>form{min-height:0;overflow:hidden;padding-top:0;visibility:hidden;transition:padding .28s,visibility .28s}.yu-task-create.is-open .yu-task-form-wrap{grid-template-rows:1fr;opacity:1}.yu-task-create.is-open .yu-task-form-wrap>form{padding-top:24px;visibility:visible}
