/* Bismillah - static/ui/tools/misc.css — tool-specific rules for the pages
   registered in tools_misc.py: to-do planner (.mt-*), wellbeing (.mw-*),
   PDF ↔ Word converters (.mc-*). Builds on kit.css (.xt-*) and the
   expertini-ui.css tokens (--x-*). */

/* ═══ To-do planner ═══ */
.mt-aibtn{color:#fff!important;border:0!important}
.mt-bar{margin-bottom:16px}
.mt-bar__q{flex:1;min-width:200px}
.mt-sel{padding:9px 12px;border-radius:11px;border:1px solid var(--x-border);background:#fff;font:400 13.5px var(--x-f-body);color:var(--x-text);max-width:100%}
.mt-sel:focus{outline:0;border-color:var(--x-primary);box-shadow:var(--x-ring)}
.mt-board{grid-auto-columns:minmax(260px,1fr)}
.mt-empty{margin:4px;padding:18px 10px;border:1.5px dashed #dbe3ee;border-radius:12px;text-align:center;font-size:12.5px;color:var(--x-subtext)}
.mt-card{display:flex;flex-direction:column;gap:6px}
.mt-card__top{display:flex;flex-wrap:wrap;gap:5px;align-items:center}
.mt-card__foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:2px}
.mt-card .xt-card__acts{margin-top:0}
.mt-card .xt-icbtn{width:28px;height:28px;font-size:14px}
.mt-cat,.mt-due,.mt-per,.mt-src{display:inline-flex;align-items:center;padding:2px 8px;border-radius:99px;font-size:11px;font-weight:600;line-height:1.5;white-space:nowrap}
.mt-cat{background:rgba(37,99,235,.1);color:#1d4ed8}
.mt-cat--interviews{background:rgba(124,58,237,.1);color:#6d28d9}
.mt-cat--networking{background:rgba(6,182,212,.12);color:#0e7490}
.mt-cat--skills{background:rgba(219,39,119,.1);color:#be185d}
.mt-cat--study{background:rgba(245,158,11,.14);color:#b45309}
.mt-cat--fitness{background:rgba(16,185,129,.12);color:#047857}
.mt-cat--mindfulness{background:rgba(139,92,246,.1);color:#7c3aed}
.mt-cat--personal{background:rgba(16,185,129,.12);color:#047857}
.mt-cat--general{background:rgba(100,116,139,.12);color:#475569}
.mt-due{background:#f1f5f9;color:var(--x-text-3);font-weight:500}
.mt-due.is-late{background:#fee2e2;color:#b91c1c;font-weight:600}
.mt-due.is-today{background:#fef3c7;color:#92400e;font-weight:600}
.mt-per{padding:0;color:var(--x-subtext);font-weight:500}
.mt-src{background:rgba(124,58,237,.08);color:#6d28d9}
/* AI dialog */
.mt-ai-cost{margin-right:auto;align-self:center}
.mt-ai-sel{margin:0 0 10px}
.mt-ai-sel .xt-row{gap:14px}
.mt-ai-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;max-height:min(52vh,460px);overflow-y:auto;padding-right:2px}
.mt-ai-item{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border-radius:12px;border:1px solid var(--x-border);background:#fff;transition:.15s;opacity:.62}
.mt-ai-item.is-on{opacity:1;border-color:rgba(124,58,237,.35);background:rgba(124,58,237,.03)}
.mt-ai-item input{flex:none;width:18px;height:18px;margin:2px 0 0;accent-color:#7c3aed;cursor:pointer}
.mt-ai-item__main{flex:1;min-width:0;cursor:pointer;display:flex;flex-direction:column;gap:5px}
.mt-ai-item__main b{font:600 14px/1.35 var(--x-f-disp);color:var(--x-text);overflow-wrap:anywhere}
.mt-ai-item__main small{font-size:12.5px;line-height:1.5;color:var(--x-text-3)}
.mt-ai-item__m{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
#todo-ai-dlg .xt-ai__h{margin-bottom:6px}
#todo-ai-dlg .x-rw__acts{flex-wrap:wrap;margin-top:0}
#todo-ai-dlg .xt-err:empty{display:none}

/* ═══ Wellbeing ═══ */
.mw-top{grid-template-columns:minmax(0,6fr) minmax(0,5fr)}
.mw-bottom,.mw-hist{margin-top:var(--xt-gap)}
.mw-date{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.mw-date label{font-size:12.5px;font-weight:500;color:var(--x-subtext)}
.mw-date input{padding:8px 12px;border-radius:11px;border:1px solid var(--x-border);background:#fff;font:400 13.5px var(--x-f-body);color:var(--x-text)}
.mw-date input:focus{outline:0;border-color:var(--x-primary);box-shadow:var(--x-ring)}
.mw-q{border:0;margin:0;padding:0;min-width:0}
.mw-q legend{padding:0;margin:0 0 8px;font-size:12.5px;font-weight:600;color:var(--x-text-2)}
.mw-moods{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.mw-mood{display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 4px 8px;border-radius:12px;border:1px solid var(--x-border);background:#fff;cursor:pointer;
  font:500 12px var(--x-f-body);color:var(--x-text-3);transition:.15s}
.mw-mood span{font-size:24px;line-height:1.1;filter:grayscale(.35);transition:.15s}
.mw-mood:hover{border-color:rgba(37,99,235,.35)}
.mw-mood.is-on{border-color:var(--x-primary);background:rgba(37,99,235,.07);color:#1d4ed8;box-shadow:var(--x-ring)}
.mw-mood.is-on span{filter:none;transform:scale(1.08)}
.mw-scale{display:flex;align-items:center;gap:10px}
.mw-scale__end{flex:0 0 74px;font-size:11.5px;color:var(--x-subtext);line-height:1.25}
.mw-scale__end:last-child{text-align:right}
.mw-scale__btns{flex:1;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
.mw-scale__btns button{height:38px;border-radius:10px;border:1px solid var(--x-border);background:#fff;cursor:pointer;font:600 14px var(--x-f-body);color:var(--x-text-3);transition:.15s}
.mw-scale__btns button:hover{border-color:rgba(37,99,235,.35);color:var(--x-primary)}
.mw-scale__btns button.is-on{background:var(--x-grad);border-color:transparent;color:#fff}
.mw-row2{align-items:end}
.mw-row2 .x-field{margin:0}
.mw-top .xt-err:empty{display:none}
.mw-support{margin:16px 0 0;background:#fdf2f8;border-color:#fbcfe8;color:#831843}
.mw-support a{color:#be185d!important}
/* charts */
.mw-charts{display:flex;flex-direction:column;gap:14px}
.mw-chart__h{display:flex;justify-content:space-between;gap:10px;font-size:12.5px;margin-bottom:5px}
.mw-chart__h b{font-weight:600;color:var(--x-text)}
.mw-chart__h span{color:var(--x-subtext)}
.mw-svg{display:block;width:100%;height:56px;overflow:visible}
.mw-bar{fill:var(--x-primary)}
.mw-svg.is-stress .mw-bar{fill:#7c3aed}
.mw-none{fill:#e2e8f0}
.mw-base{stroke:#e2e8f0;stroke-width:1}
.mw-hit{fill:transparent}
.mw-svg g:hover .mw-bar{fill:var(--x-secondary)}
.mw-svg.is-stress g:hover .mw-bar{fill:#6d28d9}
.mw-axis{display:flex;justify-content:space-between;font-size:11.5px;color:var(--x-subtext);margin-top:-6px}
.mw-trend-help{margin-top:14px}
/* reflections, goals, history */
.mw-refls{margin-top:14px}
.mw-refls .xt-item__m span+span{font-style:italic}
.mw-more{margin-top:10px}
.mw-gform{display:flex;gap:8px;align-items:flex-start}
.mw-gform .x-field{flex:1;margin:0}
.mw-gform .x-btn{flex:none;height:44px}
.mw-goals{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}
.mw-goal{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;border:1px solid var(--x-border);background:#fff}
.mw-goal input{flex:none;width:18px;height:18px;margin:0;accent-color:#10b981;cursor:pointer}
.mw-goal label{flex:1;min-width:0;font-size:13.5px;color:var(--x-text);cursor:pointer;overflow-wrap:anywhere}
.mw-goal.is-done label{color:var(--x-subtext);text-decoration:line-through}
.mw-gempty{margin-top:14px;padding:22px 14px}
.mw-hrow .xt-item__t{font-size:14px!important}

/* ═══ PDF ↔ Word converters ═══ */
.mc-steps{list-style:none;display:flex;gap:6px;margin:0 0 18px;padding:0;counter-reset:none}
.mc-steps li{flex:1;display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:11px;background:#f1f5f9;font-size:12.5px;font-weight:500;color:var(--x-subtext);min-width:0;white-space:nowrap}
.mc-steps b{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:#fff;font-size:11.5px;font-weight:700;color:var(--x-subtext);flex:none}
.mc-steps li.is-on{background:rgba(37,99,235,.09);color:#1d4ed8}
.mc-steps li.is-on b{background:var(--x-primary);color:#fff}
.mc-steps li.is-done{color:#047857;background:#ecfdf5}
.mc-steps li.is-done b{background:#10b981;color:#fff}
.mc-drop{position:relative;min-height:210px;gap:8px;border-width:2px;border-radius:16px;background:linear-gradient(180deg,rgba(248,250,252,.9),rgba(241,245,249,.6))}
.mc-drop b{font-size:15px}
.mc-drop span{font-size:12.5px;color:var(--x-subtext)}
.mc-drop .x-ico{width:34px;height:34px;padding:8px;box-sizing:content-box;border-radius:14px;background:rgba(37,99,235,.08)}
.mc-drop:focus-within{border-color:var(--x-primary);box-shadow:var(--x-ring)}
.mc-file{display:flex;align-items:center;gap:14px;padding:16px;border-radius:14px;border:1px solid var(--x-border);background:#fff}
.mc-file__ico{flex:none;display:flex;align-items:center;justify-content:center;width:46px;height:54px;border-radius:9px;background:linear-gradient(135deg,#2563EB,#06B6D4);color:#fff;font:700 11.5px var(--x-f-disp);letter-spacing:.04em}
[data-cv-mode="pdf2word"] .mc-file__ico{background:linear-gradient(135deg,#dc2626,#f97316)}
.mc-file__main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.mc-file__main b{font:600 14.5px/1.35 var(--x-f-disp);color:var(--x-text);overflow-wrap:anywhere}
.mc-file__main small{font-size:12.5px;color:var(--x-subtext)}
.mc-prog{margin-top:14px;padding:14px 16px;border-radius:14px;background:#f8fafc;border:1px solid var(--x-border)}
.mc-prog__top{display:flex;justify-content:space-between;gap:10px;font-size:13px;font-weight:600;color:var(--x-text-2);margin-bottom:8px}
.mc-prog__bar{position:relative;height:8px;border-radius:99px;background:#e2e8f0;overflow:hidden}
.mc-prog__bar i{display:block;height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,var(--x-accent),var(--x-primary));transition:width .25s}
.mc-prog__bar.is-ind i{position:absolute;width:38%!important;animation:mc-ind 1.25s ease-in-out infinite}
@keyframes mc-ind{0%{left:0}100%{left:100%}}
.mc-prog .xt-help{margin:8px 0 0}
.mc-done{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:18px;border-radius:14px;background:#f0fdf4;border:1px solid #bbf7d0}
.mc-done__ico{flex:none;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:#10b981;color:#fff}
.mc-done__ico .x-ico{width:22px;height:22px}
.mc-done__main{flex:1;min-width:180px;display:flex;flex-direction:column;gap:2px}
.mc-done__main b{font:600 15px/1.35 var(--x-f-disp);color:#14532d}
.mc-done__main small{font-size:12.5px;color:#166534;overflow-wrap:anywhere}
.mc-conv .xt-note{margin:14px 0 0}
.mc-acts{margin-top:18px}
.mc-acts .x-btn--big{min-width:220px}
.mc-acts .x-btn[disabled]{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}
.mc-allow{margin:12px 0 0;font-size:12.5px;color:var(--x-subtext)}
.mc-allow a{color:var(--x-primary)!important;font-weight:600}
.mc-privacy p{margin:12px 0 0;font-size:13px;line-height:1.6;color:var(--x-text-3)}
.mc-privacy b{color:var(--x-text);font-weight:600}
.mc-ticks{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:9px}
.mc-ticks li{position:relative;padding-left:24px;font-size:13px;line-height:1.5;color:var(--x-text-3)}
.mc-ticks li::before{content:'';position:absolute;left:2px;top:4px;width:12px;height:7px;border-left:2px solid #10b981;border-bottom:2px solid #10b981;transform:rotate(-45deg)}
.mc-old p{margin:10px 0 12px;font-size:13px;line-height:1.55;color:var(--x-text-3)}
.mc-old .mc-old__ok{margin:0;color:#166534;font-weight:500}

/* the kit's sign-up dialog: .xt-limit__plans{display:flex} beats [hidden] */
#xt-limit [hidden]{display:none!important}

/* guide lists on these pages read as lists */
.xt .xt-guide ul{list-style:disc!important;margin:0 0 12px;padding-left:20px}
.xt .xt-guide ul li{display:list-item!important;list-style:inherit!important;margin-bottom:4px}

/* ═══ phone ═══ */
@media (max-width:1100px){.mw-top{grid-template-columns:1fr}}
@media (max-width:720px){
  .mt-bar .mt-sel{flex:1 1 140px}
  .mt-board{grid-auto-columns:minmax(80vw,1fr)}
  .mw-moods{gap:5px}
  .mw-mood{padding:8px 2px 6px;font-size:11px}
  .mw-mood span{font-size:21px}
  .mw-scale{flex-wrap:wrap;gap:6px}
  .mw-scale__btns{order:3;flex:1 0 100%}
  .mw-scale__end{flex:1 1 40%}
  .mc-steps li{padding:7px 8px;font-size:12px;gap:6px}
  .mc-drop{min-height:170px}
  .mc-acts .x-btn{flex:1 1 100%}
  .mc-done .x-btn{flex:1 1 100%}
  #todo-ai-dlg .x-rw__acts .x-btn{flex:1 1 auto}
}