.task-routine-planner{border:1px solid var(--line,#dce3eb);border-radius:12px;background:var(--card,#fff);margin:0 0 18px;color:var(--text,#17243a)}
.task-routine-planner>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 18px;cursor:pointer;list-style:none}
.task-routine-planner>summary::-webkit-details-marker{display:none}
.task-routine-planner>summary strong,.task-routine-planner>summary small{display:block}
.task-routine-planner>summary strong{font-size:15px;font-weight:700}
.task-routine-planner>summary small{margin-top:4px;font-size:12px;line-height:1.5;color:var(--muted,#66758a)}
.task-routine-caret{font-size:22px;transition:transform .18s ease}
.task-routine-planner[open] .task-routine-caret{transform:rotate(180deg)}
.task-routine-body{padding:0 18px 18px;border-top:1px solid var(--line,#dce3eb)}
.task-routine-settings{display:grid;grid-template-columns:1fr 1fr;gap:15px 20px;padding-top:17px}
.task-routine-settings .field{margin:0;min-width:0}
.task-routine-settings .field label{display:block;margin-bottom:6px;font-size:12px;font-weight:600}
.task-routine-settings .field select{width:100%;min-width:0;font:inherit;border:1px solid var(--line,#dce3eb);border-radius:7px;padding:9px;background:var(--card,#fff);color:inherit}
.task-routine-settings .field small{display:block;font-size:11px;line-height:1.5;color:var(--muted,#66758a);margin-top:5px}
.task-routine-settings fieldset{border:0;padding:0;margin:0;min-width:0}
.task-routine-settings legend{font-size:12px;font-weight:600;margin-bottom:8px}
.task-routine-categories{display:flex;gap:10px;flex-wrap:wrap}
.task-routine-categories label,.task-routine-days label{display:inline-flex;align-items:center;gap:6px;font-size:12px;cursor:pointer}
.task-routine-days>div{display:flex;gap:6px;flex-wrap:wrap}
.task-routine-days label{border:1px solid var(--line,#dce3eb);border-radius:7px;padding:7px 8px}
.task-routine-planner input[type=checkbox]{accent-color:var(--accent,#c92632);width:14px;height:14px;flex-shrink:0;margin:0}
.task-routine-update{display:flex;align-items:flex-start;gap:9px;margin:17px 0 14px;font-size:12px;line-height:1.55}
.task-routine-update input{margin-top:3px!important}
.task-routine-actions{display:flex;gap:9px;flex-wrap:wrap}
.task-routine-actions .btn:disabled{opacity:.45;cursor:not-allowed}
.task-routine-preview{margin-top:15px;font-size:12px;line-height:1.6}
.task-routine-preview>p{color:var(--muted,#66758a);margin:0}
.task-routine-preview-head{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.task-routine-preview-head>span{color:var(--muted,#66758a)}
.task-routine-preview-list{display:grid;grid-template-columns:1fr 1fr;gap:7px;max-height:270px;overflow:auto;border:1px solid var(--line,#dce3eb);padding:10px;border-radius:8px}
.task-routine-preview-list>div{padding:7px 9px;background:var(--surface,#f5f7fa);border-radius:6px;min-width:0}
.task-routine-preview-list strong,.task-routine-preview-list span{display:block;overflow-wrap:anywhere}
.task-routine-preview-list strong{font-weight:600}
.task-routine-preview-list span{font-size:11px;color:var(--muted,#66758a)}
.task-routine-notice,.task-routine-covered{margin-top:12px;padding:11px 12px;border-radius:8px;background:#fff6e5;color:#6e4d11;border:1px solid #f0dfb9}
.task-routine-notice ul{margin:6px 0;padding-left:18px;max-height:180px;overflow:auto}
.task-routine-covered{background:#eef7f0;border-color:#d2e9d8;color:#235437}
.task-routine-loads{display:flex;align-items:center;flex-wrap:wrap;gap:7px 13px;margin-top:12px}
.task-routine-loads strong,.task-routine-loads small{width:100%}
.task-routine-loads>span{border:1px solid var(--line,#dce3eb);border-radius:6px;padding:4px 8px}
.task-routine-loads small,.task-routine-save-note{font-size:11px;color:var(--muted,#66758a);margin-top:8px!important}
.task-routine-planner [hidden]{display:none!important}
@media(max-width:720px){.task-routine-settings,.task-routine-preview-list{grid-template-columns:1fr}.task-routine-planner>summary{padding:13px}.task-routine-body{padding:0 13px 13px}.task-routine-actions .btn{flex:1}.task-routine-preview-head{flex-direction:column;gap:2px}}
