.notes-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 22px}.notes-search{display:flex;gap:14px;align-items:end;flex-wrap:wrap}.notes-search label:first-child{flex:1;min-width:220px}.notes-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.note-card{margin:0!important}.note-card h2 a{color:#19365f;text-decoration:none}.note-card h2 a:hover{text-decoration:underline}.note-excerpt{white-space:pre-wrap;overflow-wrap:anywhere;color:#586477}.note-overdue{border-left:4px solid #b91c1c!important}.note-urgent{color:#b91c1c}.note-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(300px,1fr);gap:20px}.note-body{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65}.notes-stack{display:flex;flex-direction:column;gap:12px;margin-top:18px}.notes-stack button{align-self:flex-start}.note-comment,.note-notification{border-top:1px solid #dde3eb;padding:15px 0}.note-task{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid #e5e7eb;padding:12px 0}.note-task form{margin:0}.task-done{text-decoration:line-through;color:#64748b}.note-deadline{padding:12px;background:#f1f5fa;border-radius:8px}.is-unread{border-left:4px solid #234e7d;padding-left:15px;background:#f0f6ff}.calendar-scroll{overflow-x:auto}.notes-calendar{display:grid;grid-template-columns:repeat(7,minmax(100px,1fr));gap:4px;min-width:740px}.calendar-head{padding:10px;text-align:center}.calendar-day{min-height:125px;background:#f8fafd;border:1px solid #dde3eb;border-radius:6px;padding:8px}.calendar-day .topline{margin-bottom:8px}.calendar-day .topline a{font-size:22px;text-decoration:none;padding:0 6px}.calendar-today{border:2px solid #234e7d}.other-month{background:#eceff3}.calendar-event{display:block;padding:6px;margin:4px 0;background:#dbeafe;border-radius:4px;text-decoration:none;color:#17365b;font-size:13px;overflow-wrap:anywhere}.event-overdue{background:#fee2e2;color:#991b1b}.event-done{background:#e2e8f0;color:#475569;text-decoration:line-through}.notes-bell{margin-left:auto;color:#fff;text-decoration:none;display:flex;align-items:center;gap:7px;padding:8px 12px;border:1px solid #8290aa;border-radius:9px;font-size:14px;white-space:nowrap}.notes-bell-count{background:#b91c1c;color:white;border-radius:20px;min-width:22px;padding:1px 5px;text-align:center}.notes-dialog{border:0;border-radius:16px;padding:28px;max-width:440px;width:calc(100% - 40px);box-shadow:0 20px 80px #17243b55}.notes-dialog::backdrop{background:#15203880}.notes-dialog-close{float:right;font-size:22px;background:transparent;color:#19365f;padding:4px 10px}.notes-dialog h2{margin-top:8px}.notes-dialog .actions{margin-top:20px}.notes-bell:focus-visible,.calendar-event:focus-visible{outline:3px solid #60a5fa;outline-offset:2px}@media(max-width:850px){.note-layout,.notes-grid{grid-template-columns:1fr}.notes-bell .notes-bell-label{display:none}.notes-bell{margin-left:auto}.note-task{align-items:flex-start;flex-direction:column}}
.notes-header .app-header-inner{flex-wrap:wrap;gap:8px}.notes-header .header-top{flex:1 0 100%;gap:16px}.notes-header .system-nav{margin-left:auto;flex-wrap:wrap}.note-card h2,.note-layout h2,.note-task,.note-layout aside{overflow-wrap:anywhere}.note-layout input[type=file]{max-width:100%}@media(max-width:480px){.notes-header .brand{white-space:normal;font-size:13px!important}.notes-header .header-top{gap:8px}.notes-bell{padding:8px}.notes-tabs a{font-size:13px}}
/* 2.6.1: urgency stays visible independently of due date and completion. */
.calendar-event{border:1px solid transparent}.calendar-event.event-urgent{background:#fff1f2;border-color:#cc6674;border-left-width:3px;color:#922537}.calendar-event.event-done{background:#e2e8f0;color:#475569}
/* Keep the module menu centred for every permission set. */
.app-header .app-header-inner{flex-wrap:wrap;gap:8px}.app-header .header-top{flex:1 0 100%}.app-header .system-nav{width:100%;justify-content:center;flex-wrap:wrap;margin-left:0}
.module-card-wide,.module-row{grid-column:1 / -1}.module-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.module-row>.module-card:only-child{grid-column:1 / -1}@media(max-width:800px){.module-row{grid-template-columns:minmax(0,1fr)}}
/* Date ranges and leave; urgency remains a separate border and text label. */
.notes-flags{display:flex;gap:24px;align-items:center;flex-wrap:wrap}.calendar-event.event-leave{background:#e1f7e8;color:#235b3b}.calendar-event.event-leave:not(.event-urgent){border-color:#a2d6b4}.calendar-event.event-done{background:#e2e8f0;color:#475569}.calendar-range{display:block;margin-top:4px;font-size:11px}.note-leave{background:#e1f7e8;color:#235b3b}
.note-schedule-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.note-schedule-grid fieldset{min-width:0;border:1px solid #cbd5e1;border-radius:12px;padding:18px}.note-schedule-grid legend{font-weight:700;padding:0 8px}.note-series{padding:16px;background:#f0f6fc;border:1px solid #b7cce0;border-radius:10px;margin-bottom:18px}.note-series .note-leave{padding:8px;border-radius:8px}@media(max-width:700px){.note-schedule-grid{grid-template-columns:1fr}}
.note-card{display:flex;flex-direction:column}.note-card-footer{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-top:auto;padding-top:8px}.note-card-footer>.button{flex-shrink:0;align-self:flex-end}.note-sharing{text-align:right;font-size:13px;color:#64748b;overflow-wrap:anywhere;min-width:0}.note-sharing-shared{color:#216044}.notes-pagination{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin:18px 0}.notes-pagination [aria-current=page]{cursor:default}.back-to-top{position:fixed;right:20px;bottom:20px;bottom:max(20px,env(safe-area-inset-bottom));width:46px;height:46px;padding:0;border:1px solid #cbd5e1;border-radius:14px;background:white;color:#19365f;box-shadow:0 3px 15px #19365f25;font-size:28px;z-index:40}.back-to-top[hidden]{display:none!important}.back-to-top:focus-visible{outline:3px solid #60a5fa;outline-offset:3px}@media(max-width:480px){.note-card-footer{align-items:flex-start;flex-direction:column}.note-card-footer>.button{align-self:flex-start}.note-sharing{align-self:flex-end}.back-to-top{right:12px;bottom:12px;bottom:max(12px,env(safe-area-inset-bottom))}}@media print{.back-to-top{display:none!important}}