.notes220{max-width:1260px;margin:0 auto}.notes220-hero{display:flex;justify-content:space-between;gap:18px;align-items:flex-end;margin-bottom:18px}.notes220-hero h2{font-size:2rem;margin:4px 0 3px;letter-spacing:-.04em}.notes220-hero>div>p:last-child{margin:0;color:var(--muted)}.notes220-toolbar{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:14px 16px;margin-bottom:12px}.notes220-search{display:flex;gap:8px;align-items:center;min-width:0;flex:1}.notes220-search>span{color:#7a8996}.notes220-search input{max-width:380px}.notes220-search select{max-width:190px}.notes220-view-switch{display:flex;gap:5px;background:#f3f6f9;padding:4px;border-radius:12px}.notes220-view-switch a{display:flex;gap:6px;align-items:center;color:#667684;padding:8px 10px;border-radius:9px;font-size:.78rem;font-weight:800}.notes220-view-switch a.active{background:#fff;color:#1d6fe8;box-shadow:0 4px 14px rgba(23,59,87,.08)}.notes220-filters{display:flex;gap:7px;overflow:auto;padding:0 0 15px;scrollbar-width:none}.notes220-filters::-webkit-scrollbar{display:none}.notes220-filters a{white-space:nowrap;padding:7px 12px;border:1px solid #dfe6ec;border-radius:999px;background:#fff;color:#5f6f7b;font-size:.76rem;font-weight:850}.notes220-filters a.active{background:#173b57;color:#fff;border-color:#173b57}.notes220-collection.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.notes220-collection.list{display:flex;flex-direction:column;gap:10px}.notes220-card{display:flex;flex-direction:column;min-height:205px;padding:17px;border:1px solid rgba(95,113,128,.16);border-radius:18px;background:linear-gradient(145deg,var(--note-color,#fff3b0),#fff 145%);color:#17212b;box-shadow:0 10px 28px rgba(23,59,87,.07);transition:.15s}.notes220-card:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(23,59,87,.1)}.notes220-collection.list .notes220-card{min-height:0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 18px}.notes220-collection.list .notes220-card .notes220-card-top,.notes220-collection.list .notes220-card h3,.notes220-collection.list .notes220-card p,.notes220-collection.list .notes220-card .notes220-progress{grid-column:1}.notes220-collection.list .notes220-card footer{grid-column:2;grid-row:1/5;align-self:center;flex-direction:column;align-items:flex-end;border:0;padding:0}.notes220-card-top{display:flex;justify-content:space-between;gap:8px;min-height:24px}.notes220-pin{font-size:16px}.notes220-card-top>div{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.notes220-card em{font-style:normal;font-size:.62rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em;background:rgba(255,255,255,.68);padding:4px 7px;border-radius:999px;color:#5d6872}.notes220-card em.team{color:#6f42c1}.notes220-card h3{font-size:1.05rem;margin:9px 0 7px;letter-spacing:-.02em}.notes220-card p{margin:0;color:#52606b;font-size:.82rem;line-height:1.55;flex:1}.notes220-card footer{margin-top:auto;padding-top:13px;border-top:1px solid rgba(80,100,115,.12);display:flex;justify-content:space-between;gap:8px;color:#6c7780;font-size:.68rem;font-weight:750}.notes220-progress{margin-top:12px}.notes220-progress>div{height:6px;background:rgba(255,255,255,.72);border-radius:999px;overflow:hidden}.notes220-progress i{display:block;height:100%;background:#1d6fe8;border-radius:inherit}.notes220-progress small{display:block;margin-top:5px;color:#65727d;font-size:.66rem}.notes220-empty{text-align:center;padding:48px}.notes220-empty>div{font-size:2.2rem}.notes220-empty h3{margin:8px 0 3px}.notes220-empty p{color:var(--muted)}.notes220-category{margin-top:18px}.notes220-category h3{margin:3px 0 10px}.notes220-category-chips{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:12px}.notes220-category-chips span{display:flex;align-items:center;gap:6px;padding:6px 9px;border-radius:999px;background:#f7f9fb;border:1px solid #e1e8ee;font-size:.72rem;font-weight:800}.notes220-category-chips i{width:9px;height:9px;border-radius:50%;background:var(--cat-color)}.notes220-category-form{display:grid;grid-template-columns:minmax(160px,1fr) 130px auto;gap:8px}.notes220-sheet[hidden]{display:none}.notes220-sheet{position:fixed;inset:0;z-index:1300}.notes220-backdrop{position:absolute;inset:0;background:rgba(18,36,50,.5);border:0;width:100%}.notes220-panel{position:absolute;right:12px;top:12px;bottom:12px;width:min(580px,calc(100% - 24px));overflow:auto;background:#fff;border-radius:22px;box-shadow:0 30px 80px rgba(0,0,0,.22)}.notes220-panel>header{position:sticky;top:0;z-index:3;display:flex;justify-content:space-between;align-items:flex-start;padding:19px 21px;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-bottom:1px solid #e4ebf0}.notes220-panel>header span{font-size:.65rem;letter-spacing:.14em;font-weight:900;color:#1d6fe8}.notes220-panel>header h2{margin:3px 0 0;font-size:1.45rem;letter-spacing:-.03em}.notes220-panel>header button,.notes220-panel>header>a{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;border:0;background:#eef3f7;color:#17212b;font-size:22px}.notes220-form{padding:20px;display:flex;flex-direction:column;gap:14px}.notes220-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.notes220-switch-row{display:flex;gap:8px;flex-wrap:wrap}.notes220-switch-row label,.notes220-reminder-toggle{display:flex!important;flex-direction:row!important;align-items:center;gap:8px;border:1px solid #dfe6ec;background:#f8fafc;border-radius:12px;padding:10px 12px}.notes220-switch-row input,.notes220-reminder-toggle input{width:auto}.notes220-reminder-box{border:1px solid #ead9a4;background:#fffaf0;border-radius:14px;padding:12px}.notes220-reminder-box>[data-note-reminder-fields]{padding-top:12px}.notes220-check-builder{border:1px solid #dfe6ec;border-radius:14px;padding:12px}.notes220-check-builder>div{display:flex;justify-content:space-between;align-items:center}.notes220-check-builder>div button{border:0;background:#eaf2ff;color:#1d6fe8;border-radius:9px;padding:6px 9px;font-weight:800}.notes220-check-builder section{display:flex;flex-direction:column;gap:7px;margin-top:9px}.notes220-check-builder section>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px}.notes220-check-builder section>div input[type=hidden]{display:none}.notes220-check-builder section>div button{border:0;background:#fff0ef;color:#b42318;border-radius:9px;width:38px}.notes220-detail-body{padding:20px}.notes220-panel.detail{background:linear-gradient(180deg,var(--note-color,#fff3b0) 0,rgba(255,255,255,.98) 210px)}.notes220-detail-chip{display:inline-flex;padding:6px 9px;border-radius:999px;background:#fff;border:1px solid rgba(0,0,0,.06);font-size:.72rem;font-weight:800}.notes220-reminder-card{margin:12px 0;padding:13px 14px;border-radius:14px;background:#fff7df;border:1px solid #efdaa0;display:flex;justify-content:space-between;gap:8px;align-items:center}.notes220-reminder-card strong,.notes220-reminder-card span{display:block}.notes220-reminder-card span{color:#84691f;font-size:.72rem}.notes220-body-text{background:rgba(255,255,255,.7);border-radius:14px;padding:16px;line-height:1.65;color:#3f4d58;margin:12px 0}.notes220-linked{padding:10px 12px;border-radius:11px;background:#eef5ff;color:#36566f;font-size:.78rem}.notes220-checklist,.notes220-attachments{margin-top:18px}.notes220-checklist h4,.notes220-attachments h4{margin:0 0 8px}.notes220-checklist form{margin:0}.notes220-checklist button{display:grid;grid-template-columns:26px minmax(0,1fr);gap:9px;align-items:center;width:100%;border:0;background:transparent;text-align:left;padding:7px 0;color:#26333d}.notes220-checklist button i{width:24px;height:24px;border:1px solid #c7d1da;border-radius:8px;display:grid;place-items:center;font-style:normal}.notes220-checklist button.done span{text-decoration:line-through;color:#84909a}.notes220-checklist button.done i{background:#1c9b68;border-color:#1c9b68;color:#fff}.notes220-attachments{display:grid;gap:7px}.notes220-attachments h4{grid-column:1/-1}.notes220-attachments a{display:flex;align-items:center;gap:9px;border:1px solid #dfe6ec;background:#fff;border-radius:12px;padding:10px;color:#17212b}.notes220-attachments a>span{font-size:20px}.notes220-attachments strong,.notes220-attachments small{display:block}.notes220-attachments small{color:#75838f;font-size:.68rem}.notes220-actions{display:flex;gap:8px;margin-top:18px}.notes220-actions form{margin:0}.notes220-snooze,.notes220-edit,.notes220-history{margin-top:14px;border:1px solid #dfe6ec;background:#fff;border-radius:13px}.notes220-snooze>summary,.notes220-edit>summary,.notes220-history>summary{cursor:pointer;padding:12px 14px;font-weight:850}.notes220-snooze form{padding:0 14px 14px}.notes220-snooze form>div{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.notes220-snooze form>div button{border:1px solid #dfe6ec;background:#f7f9fb;border-radius:9px;padding:7px 9px}.notes220-edit .notes220-form{padding-top:5px}.notes220-history>div,.notes220-history>p{margin:0 14px;padding:9px 0;border-top:1px solid #edf1f4}.notes220-history>div strong,.notes220-history>div span{display:block}.notes220-history>div span{color:#75838f;font-size:.7rem;margin-top:2px}.notes220-delete{margin-top:15px}.notes220-calendar>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.notes220-calendar>header a{width:36px;height:36px;display:grid;place-items:center;border:1px solid #dfe6ec;border-radius:10px;background:#fff}.notes220-calendar>header div{text-align:center}.notes220-calendar>header span{font-size:.65rem;letter-spacing:.12em;color:#1d6fe8;font-weight:900}.notes220-calendar>header h3{margin:2px 0}.notes220-weekdays,.notes220-month-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.notes220-weekdays span{text-align:center;color:#7c8994;font-size:.64rem;font-weight:850;padding:5px}.notes220-day,.muted-day{min-height:108px;border:1px solid #e2e8ee;border-radius:12px;background:#fbfcfd;padding:7px;overflow:hidden}.notes220-day.today{box-shadow:inset 0 0 0 2px #1d6fe8}.notes220-day>b{display:block;font-size:.75rem;margin-bottom:5px}.notes220-day a{display:grid;grid-template-columns:6px minmax(0,1fr);align-items:center;gap:4px;color:#33414c;font-size:.62rem;margin-top:4px}.notes220-day a i{width:6px;height:6px;border-radius:50%;background:var(--note-color)}.notes220-day a span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notes220-day small{display:block;margin-top:4px;color:#7a8792;font-size:.58rem}
.note-dashboard-strip-220{margin:0 0 18px;padding:14px 16px;border:1px solid #dfe6ec;border-radius:16px;background:#fff;box-shadow:0 8px 26px rgba(23,59,87,.055)}.note-dashboard-strip-220>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px}.note-dashboard-strip-220>header h3{margin:0;font-size:.95rem}.note-dashboard-strip-220>header a{font-size:.74rem;font-weight:800}.note-dashboard-grid-220{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.note-dashboard-item-220{display:block;border-radius:13px;padding:11px 12px;background:linear-gradient(145deg,var(--note-color),#fff 180%);border:1px solid rgba(70,90,105,.12);color:#17212b}.note-dashboard-item-220 strong{display:block;font-size:.8rem}.note-dashboard-item-220 span{display:block;color:#687580;font-size:.65rem;margin-top:4px}
@media(max-width:1000px){.notes220-collection.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.note-dashboard-grid-220{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.notes220-hero{align-items:flex-start}.notes220-hero h2{font-size:1.55rem}.notes220-hero>div>p:last-child{font-size:.78rem}.notes220-new{position:fixed;right:16px;bottom:88px;z-index:850;width:54px;height:54px;border-radius:18px;font-size:0;padding:0}.notes220-new:after{content:'+';font-size:28px}.notes220-toolbar{align-items:stretch;flex-direction:column}.notes220-search{display:grid;grid-template-columns:1fr 130px auto}.notes220-search>span{display:none}.notes220-search input{max-width:none}.notes220-view-switch{align-self:stretch}.notes220-view-switch a{flex:1;justify-content:center}.notes220-collection.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.notes220-card{min-height:180px;padding:13px;border-radius:15px}.notes220-card h3{font-size:.9rem}.notes220-card p{font-size:.73rem}.notes220-card footer{font-size:.61rem}.notes220-category-form{grid-template-columns:1fr 110px}.notes220-category-form .btn{grid-column:1/-1}.notes220-panel{left:0;right:0;top:auto;bottom:0;width:100%;max-height:92vh;border-radius:22px 22px 0 0}.notes220-form{padding:16px}.notes220-form-grid{grid-template-columns:1fr 1fr}.notes220-day,.muted-day{min-height:73px;padding:5px}.notes220-day a{display:none}.notes220-day small{display:block}.note-dashboard-grid-220{grid-template-columns:1fr}.notes220-collection.list .notes220-card{display:flex}.notes220-collection.list .notes220-card footer{border-top:1px solid rgba(80,100,115,.12);padding-top:10px;flex-direction:row;align-items:center}.notes220-reminder-card{align-items:flex-start;flex-direction:column}}
@media(max-width:410px){.notes220-search{grid-template-columns:1fr auto}.notes220-search select{grid-column:1/-1;max-width:none}.notes220-collection.grid{grid-template-columns:1fr 1fr}.notes220-card{min-height:172px}.notes220-form-grid{grid-template-columns:1fr}}

/* HRLog v2.2.1 — Notes UI Fix & Calendar Pro */
.notes221-viewbar{padding:10px 12px;margin-bottom:10px;display:flex;justify-content:flex-end}
.notes221-viewbar .notes220-view-switch{width:min(100%,420px)}
.notes221-filter-row{display:flex;gap:7px;align-items:center;overflow:visible;padding:0 0 15px}
.notes221-filter-row>a,.notes221-filter-more>summary{white-space:nowrap;padding:7px 12px;border:1px solid #dfe6ec;border-radius:999px;background:#fff;color:#5f6f7b;font-size:.76rem;font-weight:850;cursor:pointer;list-style:none}
.notes221-filter-more>summary::-webkit-details-marker{display:none}
.notes221-filter-row>a.active,.notes221-filter-more>summary.active{background:#173b57;color:#fff;border-color:#173b57}
.notes221-filter-more{position:relative;flex:0 0 auto}
.notes221-filter-more>div{position:absolute;right:0;top:calc(100% + 6px);z-index:30;min-width:130px;padding:6px;border:1px solid #dfe6ec;border-radius:12px;background:#fff;box-shadow:0 12px 30px rgba(23,59,87,.13)}
.notes221-filter-more>div a{display:block;padding:9px 10px;border-radius:9px;color:#42515c;font-size:.76rem;font-weight:800}
.notes221-filter-more>div a.active,.notes221-filter-more>div a:hover{background:#eef5ff;color:#1d6fe8}
.notes220-card.is-overdue{border-color:#f1c7a7}.notes220-card footer .overdue{color:#b45309;font-weight:900}

.notes221-categories{margin-top:18px;padding:16px 18px}
.notes221-category-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.notes221-category-head h3{margin:3px 0 8px}
.notes221-category-manage{position:relative}.notes221-category-manage>summary{list-style:none;cursor:pointer;border:1px solid #dfe6ec;background:#f8fafc;border-radius:10px;padding:8px 10px;font-size:.74rem;font-weight:850;color:#52616d}.notes221-category-manage>summary::-webkit-details-marker{display:none}
.notes221-category-manage[open]>summary{background:#eaf2ff;color:#1d6fe8;border-color:#cbdffd}
.notes221-category-manage .notes220-category-form{position:absolute;right:0;top:calc(100% + 7px);z-index:35;width:min(460px,84vw);padding:12px;border:1px solid #dfe6ec;border-radius:14px;background:#fff;box-shadow:0 16px 36px rgba(23,59,87,.15)}
.notes221-categories .notes220-category-chips{margin:0;display:flex;gap:7px;flex-wrap:wrap}
.notes221-categories .notes220-category-chips a{display:flex;align-items:center;gap:6px;padding:6px 9px;border-radius:999px;background:#f7f9fb;border:1px solid #e1e8ee;color:#26333d;font-size:.72rem;font-weight:800}
.notes221-categories .notes220-category-chips a i{width:9px;height:9px;border-radius:50%;background:var(--cat-color)}
.notes221-categories .notes220-category-chips a.active{background:#173b57;color:#fff;border-color:#173b57}

.notes221-day{cursor:pointer;position:relative;transition:border-color .15s,background .15s,transform .15s}.notes221-day:hover{border-color:#afc9e4;background:#fff}.notes221-day:focus{outline:2px solid rgba(29,111,232,.22);outline-offset:1px}
.notes221-day-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.notes221-day-head>b{font-size:.75rem}.notes221-day-head>span{min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:#fff2bf;color:#8a6500;display:grid;place-items:center;font-size:.58rem;font-weight:900}.notes221-day-head>i{font-style:normal;color:#a0acb5;font-size:.72rem;opacity:0}
.notes221-day:hover .notes221-day-head>i{opacity:1}.notes221-calendar-event{display:grid!important}
.notes221-calendar-help{margin:12px 0 0;text-align:center;color:#7a8792;font-size:.7rem}
.notes221-day-sheet .notes220-panel{width:min(520px,calc(100% - 24px))}.notes221-day-list{padding:16px 18px 4px;display:flex;flex-direction:column;gap:8px}.notes221-day-empty{padding:22px 12px;text-align:center;color:#75838f;background:#f8fafc;border-radius:13px}.notes221-day-event{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid #e0e7ed;border-radius:14px;padding:11px 12px;color:#17212b;background:#fff}.notes221-day-event>i{width:36px;height:36px;border-radius:12px;background:var(--note-color,#fff3b0);display:grid;place-items:center;font-style:normal}.notes221-day-event strong,.notes221-day-event small{display:block}.notes221-day-event strong{font-size:.82rem}.notes221-day-event small{margin-top:2px;color:#75838f;font-size:.67rem}.notes221-day-event>span{font-size:.7rem;font-weight:850;color:#1d6fe8}.notes221-day-actions{padding:12px 18px 18px}

.notes221-reminder-first{order:initial}.notes221-more-options{border:1px solid #dfe6ec;border-radius:14px;background:#fbfcfd}.notes221-more-options>summary{cursor:pointer;list-style:none;padding:12px 13px;font-weight:850;color:#33414c;display:flex;justify-content:space-between;gap:10px;align-items:center}.notes221-more-options>summary::-webkit-details-marker{display:none}.notes221-more-options>summary span{color:#82909b;font-size:.68rem;font-weight:650}.notes221-more-options[open]>summary{border-bottom:1px solid #e4eaef}.notes221-more-body{padding:12px;display:flex;flex-direction:column;gap:12px}.notes221-main-switches label{background:#fffaf0;border-color:#ead9a4}

@media(max-width:760px){
  .notes221-viewbar{padding:7px;margin-bottom:9px}.notes221-viewbar .notes220-view-switch{width:100%}.notes221-filter-row{overflow-x:auto;scrollbar-width:none;padding-bottom:13px}.notes221-filter-row::-webkit-scrollbar{display:none}.notes221-filter-more>div{position:fixed;right:15px;top:auto;margin-top:5px}
  .notes221-categories{padding:15px;margin-top:12px}.notes221-category-head{align-items:center}.notes221-category-head .eyebrow{font-size:.62rem}.notes221-category-head h3{font-size:1.08rem;margin-bottom:7px}.notes221-category-manage>summary{font-size:.68rem;padding:7px 9px}.notes221-category-manage .notes220-category-form{position:fixed;left:14px;right:14px;top:auto;bottom:92px;width:auto;grid-template-columns:1fr 110px;z-index:970}.notes221-category-manage .notes220-category-form .btn{grid-column:1/-1}
  .notes220-day,.muted-day{min-height:66px;padding:5px;border-radius:11px}.notes221-day-head{margin:0}.notes221-day-head>b{font-size:.78rem}.notes221-day-head>span{min-width:18px;height:18px;font-size:.56rem}.notes221-day-head>i{display:none}.notes221-calendar-event{display:none!important}.notes220-day small{display:none}.notes221-day.has-events{background:#fffdf4;border-color:#e8dba5}.notes221-day.has-events:after{content:'';position:absolute;left:50%;bottom:9px;transform:translateX(-50%);width:6px;height:6px;border-radius:50%;background:#e2a900}.notes221-calendar-help{font-size:.64rem;line-height:1.45}
  .notes221-day-sheet .notes220-panel{width:100%}.notes221-day-event{grid-template-columns:36px minmax(0,1fr) auto;padding:10px}.notes221-day-event>i{width:32px;height:32px}.notes221-day-list{padding:14px 14px 3px}.notes221-day-actions{padding:10px 14px 16px}
  .notes221-more-options>summary span{display:none}
}
.notes221-calendar-event.is-extra{display:none!important}