.sempli-planner-card{margin:24px 0 30px;padding:22px}
.planner-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:18px}
.planner-head h3{font-size:20px;margin:3px 0 5px}.planner-head p{margin:0;color:#667085;font-size:12px;line-height:1.5}
.planner-ai-btn{border:1px solid #d8d3ff;background:#f4f2ff;color:#5b4bea;border-radius:10px;min-height:38px;padding:0 12px;font-weight:900;font-size:11px;white-space:nowrap}
.planner-ai-btn:disabled{opacity:.45;cursor:not-allowed}
.planner-layout{display:grid;grid-template-columns:.92fr 1.08fr;gap:16px}
.planner-note-column,.planner-items-column{border:1px solid #e4e7ec;border-radius:15px;background:#fff;padding:15px;min-width:0}
.planner-note-column>label{display:block;font-weight:900;font-size:11px;margin-bottom:8px}
#plannerWeeklyNote{width:100%;min-height:190px;resize:vertical;border:1px solid #d0d5dd;border-radius:12px;padding:12px;font:500 12px/1.6 "DM Sans",sans-serif;color:#101828;background:#fbfcfd;outline:none}
#plannerWeeklyNote:focus{border-color:#8b7cff;box-shadow:0 0 0 3px rgba(109,93,252,.10)}
.planner-note-foot{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:8px;color:#98a2b3;font-size:9px}
.planner-note-foot .text-btn{font-size:9px}
.planner-items-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:11px}
.planner-items-head>div{display:grid;gap:2px}.planner-items-head strong{font-size:12px}.planner-items-head span{font-size:9px;color:#98a2b3}
.planner-add-toggle{min-height:34px;padding:0 10px;font-size:9px}
.planner-add-form{border:1px solid #e4e7ec;background:#f9fafb;border-radius:12px;padding:10px;margin-bottom:10px}
.planner-add-form>input{width:100%;border:1px solid #d0d5dd;border-radius:9px;padding:9px 10px;font-size:11px;outline:none;background:#fff}
.planner-add-meta{display:grid;grid-template-columns:1fr 1fr auto;gap:7px;margin-top:7px}
.planner-add-meta select,.planner-add-meta input{min-width:0;border:1px solid #d0d5dd;border-radius:9px;background:#fff;padding:8px 9px;font-size:9px;color:#344054}
.planner-add-meta .primary-btn{min-height:33px;padding:0 12px;font-size:9px}
.planner-item-list{display:grid;gap:7px;max-height:310px;overflow:auto;padding-right:2px}
.planner-item{display:grid;grid-template-columns:26px 1fr auto;gap:9px;align-items:center;border:1px solid #eaecf0;border-radius:11px;padding:9px 10px;background:#fff}
.planner-item.completed{opacity:.58}.planner-item.completed .planner-item-copy>strong{text-decoration:line-through}
.planner-check{width:24px;height:24px;border-radius:7px;border:1.5px solid #cfd5df;background:#fff;color:#fff;font-weight:900;padding:0}
.planner-item.completed .planner-check{background:#6d5dfc;border-color:#6d5dfc}
.planner-item-copy{min-width:0}.planner-item-copy>strong{display:block;font-size:10.5px;line-height:1.35;overflow:hidden;text-overflow:ellipsis}
.planner-item-copy>div{display:flex;gap:7px;flex-wrap:wrap;align-items:center;margin-top:5px;color:#98a2b3;font-size:8px}
.planner-category{display:inline-flex;align-items:center;gap:3px;border-radius:999px;padding:3px 6px;font-weight:900}
.planner-category.school{background:#eef4ff;color:#175cd3}.planner-category.work{background:#fff4e6;color:#b54708}.planner-category.personal{background:#f4f3ff;color:#6941c6}
.planner-calendar-added{color:#067647!important;font-weight:900}
.planner-item-actions{display:flex;gap:4px}.planner-item-actions button{border:1px solid #e4e7ec;background:#fff;border-radius:7px;padding:5px 7px;font-size:8px;font-weight:800;color:#475467}.planner-item-actions button:hover{border-color:#b9b2ff;color:#5b4bea}
.planner-empty{min-height:160px;border:1px dashed #d0d5dd;border-radius:12px;display:grid;place-items:center;align-content:center;text-align:center;padding:20px;color:#98a2b3}
.planner-empty>span{font-size:24px;color:#8578f7}.planner-empty strong{font-size:11px;color:#475467;margin:5px 0}.planner-empty p{font-size:9px;line-height:1.5;margin:0;max-width:230px}
@media(max-width:900px){.planner-layout{grid-template-columns:1fr}.planner-item-list{max-height:none}}
@media(max-width:620px){.planner-head{flex-direction:column}.planner-ai-btn{width:100%}.planner-add-meta{grid-template-columns:1fr 1fr}.planner-add-meta .primary-btn{grid-column:1/-1}.planner-item{grid-template-columns:26px 1fr}.planner-item-actions{grid-column:2;justify-content:flex-start}}