/* Approved mint / sapphire glass. All presentation is scoped to the calendar. */
.top-nav.calendar-header{display:flex!important;min-height:56px;background:linear-gradient(110deg,#102b4e,#0b1d38)!important;border-bottom:1px solid #9cc7f54d!important;box-shadow:none!important}.top-nav.calendar-header #currentPageTitle{color:#edf5ff;font-size:18px}
.main-layout.calendar-main{background:#06152c}.content-panel.calendar-bg{padding:0;background:radial-gradient(ellipse at 85% 0,#176a8533,transparent 60%),#06152c;overflow:auto}
.calendar-shell.calw-workspace{width:100%;max-width:1880px;min-width:0;height:auto;display:block;margin:auto;padding:0 clamp(16px,1.5vw,30px) 24px;color:#edf5ff;--calw-edge:#a6d5ff99;--calw-line:#72a9e140;--calw-mint:#9ef9e6}.calw-workspace *{box-sizing:border-box}.calw-workspace [hidden]{display:none!important}.calw-workspace button{font-family:inherit;cursor:pointer}.calw-workspace button:disabled{opacity:.5;cursor:default}.calw-workspace button:focus-visible,.calw-day:focus-visible{outline:2px solid #adfff0;outline-offset:3px}
.calw-hero{position:relative;min-height:225px;padding:30px 16px 22px;display:flex;align-items:center;overflow:hidden;isolation:isolate}.calw-copy{position:relative;z-index:1;max-width:55%}.calw-eyebrow{color:#a1fff1;letter-spacing:.2em;font-weight:650;font-size:11px;margin:0 0 13px!important}.calw-hero h2{color:#f2f6ff;font-size:clamp(30px,2.8vw,51px);font-weight:780;line-height:1.28;letter-spacing:-.045em;margin:0!important}.calw-hero h2 span{color:#a5f8e9;background:linear-gradient(100deg,#b7fff0,#78ddda);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.calw-description{color:#c9dcef;font-size:clamp(12px,1vw,17px);line-height:1.7;margin:14px 0 0!important}.calw-hero-art{position:absolute;inset:0 -1% 0 auto;width:64%;background:url('../assets/calendar-mint-glass.webp?v=20261017cal') center/contain no-repeat;pointer-events:none;z-index:0}
.calw-toolbar,.calw-month-panel,.calw-panel{border:1px solid var(--calw-edge);background:radial-gradient(ellipse at 90% 100%,#3077c653,transparent 65%),linear-gradient(125deg,#10345bea,#071d38ed);border-radius:15px;box-shadow:inset 0 1px 3px #dbf1ff9c,inset 0 -1px 2px #5aa1eb40,0 4px 16px #00091f33;backdrop-filter:blur(18px)}
.calw-toolbar{display:flex;align-items:center;gap:14px;padding:12px 15px;margin-bottom:14px;flex-wrap:wrap}.calw-month{display:flex;align-items:center;gap:12px;flex-shrink:0}.calw-month h2{font-size:22px;font-weight:720;color:#f0f6ff;white-space:nowrap;margin:0!important}.calw-workspace .calw-button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:9px 15px;border:1px solid #86bdf3b3;border-radius:11px;color:#e4f1ff;font-size:13px;font-weight:650;white-space:nowrap;background:radial-gradient(ellipse at 18% 0,#b7dcff59,transparent 62%),linear-gradient(155deg,#2761a48c,#102e5388 60%,#4385c74d);box-shadow:inset 0 2px 3px #ddf5ff70,inset 0 -2px 3px #80b6ff40,0 3px 8px #000e2e38;backdrop-filter:blur(10px);transition:filter .15s,transform .15s}.calw-button:hover{filter:brightness(1.15);transform:translateY(-1px)}.calw-button:active{transform:translateY(1px)}.calw-workspace .calw-month>button:first-child,.calw-workspace .calw-month>button:nth-of-type(2){font-size:26px;padding:2px 13px;font-weight:400}
.calw-filters{display:flex;gap:8px;align-items:center;flex:1;flex-wrap:wrap}.calw-workspace .calw-filter{padding:8px 12px;font-size:12px;min-height:39px}.calw-dot{width:10px;height:10px;border-radius:50%;box-shadow:inset 0 1px 2px #fff9,0 0 7px currentColor;flex-shrink:0;background:var(--calw-accent);color:var(--calw-accent)}.calw-tax{--calw-accent:#84c5ff;--calw-tint:#286bbc99}.calw-deadline{--calw-accent:#ffacc5;--calw-tint:#b6538199}.calw-client{--calw-accent:#c7a4ff;--calw-tint:#7754b599}.calw-internal{--calw-accent:#ffd2ad;--calw-tint:#9d715d99}.calw-etc{--calw-accent:#b5cfef;--calw-tint:#556c9499}
.calw-workspace .calw-primary,.calw-workspace .calw-filter[aria-pressed=true]{color:#063d4c;border-color:#c6fff5;background:radial-gradient(ellipse at 10% 0,#e8fff9b3,transparent 62%),linear-gradient(155deg,#8af2decc,#43c7c6cc 55%,#79dfefcc);box-shadow:inset 0 2px 4px #f1fffbd9,inset 0 -3px 5px #197d9e66,0 0 14px #66f5d847;text-shadow:0 1px 1px #d2fff480}.calw-register{margin-left:auto;min-width:150px}.calw-button b{font-size:25px;line-height:1;font-weight:400}
.calw-board{display:grid;grid-template-columns:minmax(0,70fr) minmax(310px,30fr);gap:14px;align-items:start}.calw-month-panel{min-width:0;overflow:hidden;padding:0 12px 12px}.calw-weekdays{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));text-align:center;padding:15px 0 13px;font-size:14px;font-weight:650;color:#d8e8ff}.calw-weekdays .sun,.calw-day.sun .calw-day-heading>span{color:#ff9da9}.calw-weekdays .sat,.calw-day.sat .calw-day-heading>span{color:#87c9ff}
.calw-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-auto-rows:minmax(104px,auto);gap:1px;background:#5794ce42;border:1px solid #7cb7ec66;border-radius:10px;overflow:hidden}.calw-workspace .calw-day{min-width:0;min-height:104px;padding:9px 5px 7px;background:linear-gradient(145deg,#0a2848,#0a213d);overflow:hidden;position:relative;cursor:pointer;border:0;border-radius:0;transition:background .15s}.calw-workspace .calw-day:hover{background:linear-gradient(140deg,#1c4970,#163554);box-shadow:inset 0 0 0 1px #b9e5ff55}.calw-workspace .calw-day.other-month{background:#0b213a}.calw-day.other-month .calw-day-heading,.calw-day.other-month .calw-event{opacity:.4}.calw-workspace .calw-day.today,.calw-workspace .calw-day.calw-selected{background:radial-gradient(ellipse at 15% 0,#6bdcc340,transparent 80%),linear-gradient(145deg,#185a67,#10304e);box-shadow:inset 0 0 0 1px #a9fff1,inset 0 1px 7px #b8fff68c,0 0 10px #6ef6df99;border-radius:9px;z-index:1}.calw-workspace .calw-day.drag-over{background:#257d8499!important;box-shadow:inset 0 0 0 1px #acfff1!important}
.calw-day-heading{display:flex;align-items:center;justify-content:space-between;gap:3px;min-height:22px;margin-bottom:5px;padding:0 4px;color:#edf6ff;font-size:14px;font-weight:600}.calw-day-heading small,.calw-badge{border:1px solid #aef4e6a1;border-radius:20px;padding:1px 7px;font-size:10px;background:linear-gradient(140deg,#a1f9df,#6cd9d9);color:#0a414b;box-shadow:inset 0 1px 2px #e0fff2cc;white-space:nowrap}
.calw-art{display:inline-block;width:32px;height:32px;flex:0 0 auto;background:url('../assets/calendar-glass-icons.webp?v=20261017cal') no-repeat;background-size:300% 200%;vertical-align:middle;filter:drop-shadow(0 2px 3px #00102766)}.calw-art-calendar{background-position:0 0}.calw-art-clock{background-position:50% 0}.calw-art-chat{background-position:100% 0}.calw-art-document{background-position:0 100%}.calw-art-deadline{background-position:50% 100%}.calw-art-chart{background-position:100% 100%}
.calw-workspace .calw-event{width:100%;min-width:0;min-height:24px;display:flex;align-items:center;gap:3px;padding:2px 4px;margin:0 0 4px;border:1px solid color-mix(in srgb,var(--calw-accent) 75%,transparent);border-radius:6px;background:linear-gradient(155deg,color-mix(in srgb,var(--calw-accent) 25%,transparent),var(--calw-tint));box-shadow:inset 0 1px 2px #f2f7ff66,inset 0 -1px 2px #bad6ff22;color:#f0f5ff;font-size:10px;line-height:1.5;text-align:left}.calw-event .calw-art{width:19px;height:19px}.calw-event>span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.calw-workspace .calw-span{border-color:#8fe5da99;background:linear-gradient(150deg,#65d1c466,#176977b3);color:#ddfff6}.calw-span-mid{border-radius:0!important}.calw-span-end{border-radius:0 7px 7px 0!important}.calw-event:hover,.calw-agenda-event:hover,.calw-upcoming-event:hover{filter:brightness(1.16)}.is-completed strong,.is-completed>span:last-child{text-decoration:line-through;opacity:.55}.calw-more{font-size:10px;border:0;background:transparent;color:#addde9;padding:2px 4px;line-height:1.5;text-align:left}
.calw-side{display:flex;flex-direction:column;gap:14px;min-width:0}.calw-panel{padding:15px 13px 12px;min-width:0}.calw-panel header{display:flex;align-items:center;gap:9px;margin-bottom:13px;min-width:0}.calw-panel header>.calw-art{width:43px;height:43px}.calw-panel h3{margin:0!important;color:#eef7ff;font-size:18px;line-height:1.5;font-weight:720}.calw-panel header p{color:#c6d9ef;font-size:11px;margin:4px 0 0!important}.calw-badge{margin-left:auto;font-size:11px;padding:3px 10px;align-self:flex-start}.calw-workspace .calw-agenda-event{width:100%;display:flex;align-items:center;gap:8px;text-align:left;min-height:73px;padding:11px 10px;margin-bottom:9px;border:1px solid #9bc8f69c;border-radius:12px;background:radial-gradient(ellipse at 10% 0,#80b8f34d,transparent 70%),linear-gradient(135deg,#285b8f99,#173b6388);box-shadow:inset 0 1px 3px #d4ecff8c,inset 0 -2px 3px #599de733;color:#eef6ff}.calw-agenda-event time{font-size:14px;font-weight:650;flex-shrink:0}.calw-agenda-copy{flex:1;min-width:0}.calw-agenda-copy strong{display:block;font-size:13px;font-weight:650;overflow-wrap:anywhere;line-height:1.6}.calw-agenda-copy small{display:block;font-size:10px;color:#bad1ed;line-height:1.6;margin-top:3px}.calw-type{white-space:nowrap;flex-shrink:0;color:var(--calw-accent);border:1px solid var(--calw-accent);border-radius:14px;background:var(--calw-tint);font-size:9px;padding:3px 7px;box-shadow:inset 0 1px 2px #ffffff40}.calw-workspace .calw-add-day{width:100%;margin-top:3px;color:#d7fff6;border-color:#a6fff0;background:radial-gradient(ellipse at 20% 0,#b9fff173,transparent 70%),linear-gradient(145deg,#19767f99,#124d6380);box-shadow:inset 0 2px 3px #dbfff6b3,inset 0 -2px 3px #4de6d14d,0 0 10px #48e3cf33}
.calw-workspace .calw-upcoming-event{width:100%;display:flex;align-items:center;gap:8px;padding:7px 4px;border:0;border-bottom:1px solid var(--calw-line);background:transparent;color:#e8f3ff;text-align:left;min-width:0}.calw-upcoming-event time{font-size:11px;flex:0 0 40px}.calw-upcoming-event>.calw-art{width:29px;height:29px}.calw-upcoming-event>span:not(.calw-art){min-width:0;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.calw-upcoming-event b{font-size:20px;font-weight:400}.calw-hint{color:#a9c7e4;font-size:10px;line-height:1.7;margin:10px 1px 0!important}.calw-empty{color:#afc8e5;font-size:12px;line-height:1.8;padding:25px 8px;text-align:center}.calw-grid>.calw-empty{grid-column:1/-1;min-height:250px}.calw-empty button{margin:15px}.calw-notice{border:1px solid #b5e5d4;border-radius:10px;color:#d0f9ee;background:#2d786d55;padding:10px 14px;margin-bottom:12px;font-size:12px}.calw-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#a3bedc;font-size:10px;padding-top:13px}.content-panel.calendar-bg .calw-footer #calendarClock{font-size:11px!important;color:#b8d4ea!important;text-shadow:none;white-space:nowrap}
/* Calendar modals keep the same translucent pastel palette and readable controls. */
#modalOverlay .modal-content:has(#calEventTitle){--text-primary:#e8f5ff;--text-secondary:#bbd4ed;background:radial-gradient(ellipse at 0 0,#41878e50,transparent 70%),linear-gradient(135deg,#183957,#132940);border:1px solid #abddedb3;color:#e8f5ff;box-shadow:inset 0 1px 3px #d8fff48c,0 20px 60px #000d2680}#modalOverlay .modal-content:has(#calEventTitle) h2,#modalOverlay .modal-content:has(#calEventTitle) label{color:#c8fff0}#modalOverlay #calEventTitle{color:#eef8ff;background:#0d2943;border:1px solid #97cce099;border-radius:10px}#modalOverlay #calEventTitle::placeholder{color:#a6c3da}#modalOverlay .modal-content:has(#calEventTitle) .cal-color-btn{color:#d5eaff;background:#294b6e99;border-color:#a4c9ee66}#modalOverlay .modal-content:has(#calEventTitle) .cal-color-btn.active{color:#b9ffed;background:#38857866;border-color:#a5ffe4}#modalOverlay .modal-content:has(#calEventTitle) .btn-premium{color:#0d414b;background:linear-gradient(145deg,#a9f8de,#5ac6cb);border:1px solid #c1fff3;box-shadow:inset 0 2px 3px #f1fff6b3}#modalOverlay .modal-content:has(#calEventTitle) .btn-secondary{color:#d6eaff;background:#365e8188;border:1px solid #9ec5ee80}
@media(max-width:1500px){.calw-toolbar{gap:12px}.calw-month{gap:8px}.calw-month h2{font-size:19px}.calw-workspace .calw-filter{padding:8px 10px;font-size:11px}.calw-register{min-width:125px}.calw-board{grid-template-columns:minmax(0,68fr) minmax(280px,32fr)}.calw-agenda-event{flex-wrap:wrap}.calw-type{margin-left:auto}.calw-panel h3{font-size:16px}.calw-event .calw-art{width:16px;height:16px}.calw-workspace .calw-event{font-size:9px;padding:2px;gap:2px}}
@media(max-width:1250px){.calw-filters{order:3;flex:1 1 100%}.calw-hero{min-height:210px;padding-left:5px}.calw-hero h2{font-size:35px}.calw-description{font-size:12px}.calw-panel header>.calw-art{width:34px;height:34px}.calw-board{grid-template-columns:minmax(0,1fr)}.calw-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.calw-workspace .calw-event{font-size:11px}.calw-event .calw-art{width:20px;height:20px}}
@media(max-width:760px){.calendar-shell.calw-workspace{padding:0 12px 20px}.calw-hero{min-height:225px;padding:28px 3px}.calw-copy{max-width:100%}.calw-eyebrow{font-size:9px}.calw-hero h2{font-size:clamp(29px,6.7vw,37px)}.calw-description{max-width:250px;font-size:12px}.calw-hero-art{opacity:.28;width:130%;right:-48%;top:15px}.calw-copy::before{content:'';position:absolute;inset:-10px;z-index:-1;background:linear-gradient(90deg,#06152ce8,#06152c80,transparent)}.calw-toolbar{padding:12px 10px;gap:10px}.calw-month{gap:6px;width:100%;justify-content:space-between}.calw-month h2{font-size:18px}.calw-workspace .calw-button{font-size:12px;padding:8px 11px;min-height:39px}.calw-register{order:4;flex:1}.calw-filters{gap:7px}.calw-workspace .calw-filter{font-size:10px;flex:1 1 28%;padding:7px}.calw-side{display:flex;flex-direction:column}.calw-month-panel{padding:0 4px 5px}.calw-weekdays{font-size:12px;padding:13px 0}.calw-grid{grid-auto-rows:minmax(92px,auto)}.calw-workspace .calw-day{padding:5px 2px;min-height:92px}.calw-day-heading{font-size:12px;padding:0 2px;justify-content:center;flex-wrap:wrap}.calw-day-heading small{font-size:8px;padding:0 3px}.calw-workspace .calw-event{font-size:8px;padding:2px;min-height:22px;gap:1px}.calw-event .calw-art{display:none}.calw-more{font-size:8px;padding:1px}.calw-panel h3{font-size:18px}.calw-footer{flex-direction:column;align-items:flex-start;font-size:9px}}
.calw-workspace .calw-span{width:calc(100% + 10px);margin-left:-5px;border-left:0;border-right:0;border-radius:0!important}.calw-workspace .calw-span-start{width:calc(100% + 5px);margin-left:0;border-left:1px solid #a7f4e6;border-radius:7px 0 0 7px!important}.calw-workspace .calw-span-end{width:calc(100% + 5px);border-right:1px solid #a7f4e6;border-radius:0 7px 7px 0!important}.calw-span-mid>span,.calw-span-end>span{visibility:hidden}.calw-workspace .calw-agenda-event .calw-agenda-copy strong{font-size:14px}.calw-agenda-event .calw-art{width:36px;height:36px}
@media(max-width:760px){.calw-workspace .calw-span{width:calc(100% + 4px);margin-left:-2px}.calw-workspace .calw-span-start{width:calc(100% + 2px);margin-left:0}.calw-workspace .calw-span-end{width:calc(100% + 2px)}}
@media(prefers-reduced-motion:reduce){.calw-button,.calw-day{transition:none!important}.calw-button:hover{transform:none}}