/* Dashboard view modelled on the Caledaro product preview. */
.dashboard-demo { --dash-bg:#f7f9fd; --dash-card:#fff; --dash-text:#17213c; --dash-muted:#68738c; --dash-line:#e5eaf2; --dash-accent:#3971f4; --dash-soft:#edf3ff; min-height:100vh; display:grid; grid-template-columns:255px minmax(0,1fr); background:var(--dash-bg); color:var(--dash-text); }
.dashboard-demo:not(.light-theme) { --dash-bg:#0e1118; --dash-card:#171c27; --dash-text:#f5f7ff; --dash-muted:#a8b1c6; --dash-line:#2a3345; --dash-soft:#1b294c; }
.dashboard-sidebar { min-height:100vh; padding:31px 18px 25px; background:var(--dash-card); border-right:1px solid var(--dash-line); display:flex; flex-direction:column; }
.dashboard-logo { display:block; width:216px; padding:0 5px; margin-bottom:43px; }.dashboard-logo img{display:block;width:210px;height:auto}
.sidebar-nav{display:grid;gap:8px}.sidebar-nav button{border:0;background:transparent;color:var(--dash-text);font:inherit;font-size:15px;text-align:left;border-radius:10px;padding:15px;cursor:pointer;display:flex;align-items:center;gap:15px}.sidebar-nav button span{font-size:22px;width:25px;text-align:center;color:#72809a}.sidebar-nav button.active{background:var(--dash-soft);color:var(--dash-accent)}.sidebar-nav button.active span{color:var(--dash-accent)}
.sidebar-privacy{margin-top:auto;border-radius:15px;background:linear-gradient(135deg,var(--dash-soft),transparent);padding:21px 16px;color:var(--dash-muted);line-height:1.55;font-size:13px}.sidebar-privacy>span{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:#f0edff;color:#9259ee;font-size:20px;margin-bottom:14px}.sidebar-privacy strong{display:block;color:var(--dash-text);font-size:14px}.sidebar-privacy p{margin:8px 0 17px}.sidebar-privacy a{color:var(--dash-accent);font:inherit;text-decoration:none}.sidebar-privacy a:hover{text-decoration:underline}
.dashboard-main{padding:49px 44px 35px;min-width:0}.dashboard-topbar{max-width:1285px;margin:0 auto 52px;display:flex;justify-content:space-between;gap:30px}.dashboard-topbar h1{font-size:40px;line-height:1;margin:0 0 13px;letter-spacing:-.045em}.dashboard-topbar p{margin:0;color:var(--dash-muted);font-size:16px}.dashboard-actions{display:flex;align-items:flex-start;gap:10px}.dashboard-demo .theme-switch{margin:0;background:var(--dash-card);border-color:var(--dash-line);color:var(--dash-muted)}.dashboard-demo .settings-button{background:var(--dash-card);border-color:var(--dash-line);color:var(--dash-muted)}
.connect-calendars-button{border:0;border-radius:8px;background:var(--dash-accent);color:#fff;font:inherit;font-size:13px;font-weight:700;padding:10px 13px;cursor:pointer;white-space:nowrap}.connect-calendars-button span{font-size:16px;line-height:0;margin-left:4px}
.sync-list-dashboard{max-width:1025px;margin:0 auto}.sync-list-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.sync-filters{display:flex;gap:7px}.sync-filters button{border:0;border-radius:99px;background:var(--dash-soft);color:var(--dash-muted);font:inherit;font-size:12px;padding:7px 12px;cursor:pointer}.sync-filters button.active{background:var(--dash-text);color:var(--dash-card)}.setup-steps{display:flex;align-items:center;gap:20px;list-style:none;padding:0;margin:0 0 20px;color:var(--dash-muted);font-size:12px}.setup-steps li{display:flex;align-items:center;gap:7px}.setup-steps span{display:grid;place-items:center;width:20px;height:20px;border:1px solid var(--dash-line);border-radius:50%;font-size:11px}.setup-steps .active{color:var(--dash-text);font-weight:700}.setup-steps .active span{background:var(--dash-accent);border-color:var(--dash-accent);color:#fff}.sync-empty-state{min-height:220px;border:1px dashed var(--dash-line);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px}.sync-empty-state>span{font-size:41px;color:var(--dash-muted);line-height:1}.sync-empty-state h2{font-size:15px;margin:13px 0 6px}.sync-empty-state p{margin:0;color:var(--dash-muted);font-size:13px}.sync-empty-state button{margin-top:17px;border:1px solid var(--dash-line);border-radius:7px;background:var(--dash-card);color:var(--dash-text);font:inherit;font-size:13px;padding:10px 16px;cursor:pointer}.sync-defaults{margin-top:16px;border:1px solid var(--dash-line);border-radius:12px;background:var(--dash-card);padding:23px 25px}.sync-defaults-heading{margin-bottom:19px}.sync-defaults h2{font-size:17px;margin:0 0 5px}.sync-defaults h2 small{color:var(--dash-muted);font-size:12px;font-weight:600}.sync-defaults p{margin:0;color:var(--dash-muted);font-size:13px}.sync-defaults fieldset{border:0;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px 16px}.sync-defaults label{display:grid;gap:7px;color:var(--dash-muted);font-size:12px;font-weight:700}.sync-defaults select{appearance:none;width:100%;border:1px solid var(--dash-line);border-radius:8px;background:var(--dash-bg);color:var(--dash-muted);padding:10px 12px;font:inherit;font-size:13px;opacity:1;cursor:not-allowed}.sync-defaults fieldset[disabled]{opacity:.68}.more-defaults{margin-top:16px!important;font-size:12px!important}
.sync-example{margin-top:16px;border:1px solid var(--dash-line);border-radius:12px;background:var(--dash-card);padding:23px 25px}.sync-example h2{margin:0 0 7px;font-size:17px}.sync-example>div:first-child>p:last-child{margin:0;color:var(--dash-muted);font-size:13px;line-height:1.5}.sync-example-flow{display:grid;grid-template-columns:1fr 86px 1fr;align-items:center;gap:12px;margin-top:19px}.example-calendar{display:flex;align-items:center;gap:11px;padding:13px;border:1px solid var(--dash-line);border-radius:10px;background:var(--dash-bg)}.example-calendar strong,.example-calendar small{display:block}.example-calendar strong{font-size:13px}.example-calendar small{margin-top:4px;color:var(--dash-muted);font-size:12px}.example-calendar small b{color:#249b58}.example-arrow{display:grid;justify-items:center;gap:4px;color:var(--dash-accent)}.example-arrow span{font-size:25px;line-height:1}.example-arrow small{font-size:11px;font-weight:800}
.overview-dashboard,.calendars-dashboard,.settings-dashboard,.privacy-dashboard,.account-dashboard{max-width:1025px;margin:0 auto}.overview-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:16px}.overview-stats article,.overview-card,.settings-card,.privacy-dashboard-card,.account-card{border:1px solid var(--dash-line);border-radius:13px;background:var(--dash-card)}.overview-stats article{padding:20px}.overview-stats span{display:block;font-weight:800;font-size:25px}.overview-stats small{display:block;color:var(--dash-muted);margin-top:7px}.overview-card{padding:31px;display:flex;align-items:center;justify-content:space-between;gap:30px}.overview-card>div{max-width:590px}.overview-card>div>span{display:inline-grid;place-items:center;width:43px;height:43px;border-radius:10px;background:var(--dash-soft);color:var(--dash-accent);font-size:24px}.overview-card h2{font-size:23px;margin:16px 0 8px}.overview-card p{color:var(--dash-muted);line-height:1.6;margin:0}.overview-card button,.section-heading>button,.provider-grid button,.settings-card>button,.privacy-dashboard-card button,.account-card button{border:0;background:var(--dash-accent);color:#fff;border-radius:8px;padding:11px 14px;font:inherit;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-heading h2{font-size:22px;margin:0 0 7px}.section-heading p{color:var(--dash-muted);margin:0}.provider-grid{display:grid;gap:11px}.provider-grid article{border:1px solid var(--dash-line);background:var(--dash-card);border-radius:12px;padding:16px;display:flex;align-items:center;gap:14px}.provider-grid h3{font-size:15px;margin:0 0 4px}.provider-grid p{font-size:13px;color:var(--dash-muted);margin:0}.provider-grid button{margin-left:auto;background:var(--dash-soft);color:var(--dash-accent)}.settings-card{padding:8px 25px}.settings-card>div{padding:19px 0}.settings-card h3{font-size:15px;margin:0 0 5px}.settings-card p{margin:0;color:var(--dash-muted);font-size:13px}.settings-card>button{float:right;margin-top:-55px;background:var(--dash-soft);color:var(--dash-accent)}.settings-card hr{border:0;border-top:1px solid var(--dash-line);margin:0}.demo-toggle{float:right;margin-top:-52px}.demo-toggle input{display:none}.demo-toggle span{display:block;width:42px;height:23px;border-radius:20px;background:var(--dash-accent);position:relative}.demo-toggle span::after{content:'';position:absolute;width:17px;height:17px;right:3px;top:3px;border-radius:50%;background:#fff}.privacy-dashboard-card{padding:35px;display:grid;grid-template-columns:70px minmax(0,1fr) 230px;gap:25px}.privacy-dashboard-card>span{display:grid;place-items:center;width:63px;height:63px;border-radius:16px;background:var(--dash-soft);color:var(--dash-accent);font-size:30px}.privacy-dashboard-card b{font-size:12px;letter-spacing:.12em;color:var(--dash-accent)}.privacy-dashboard-card h2{font-size:27px;line-height:1.1;margin:10px 0}.privacy-dashboard-card p{color:var(--dash-muted);line-height:1.6;margin:0 0 20px}.privacy-compare{display:grid;align-content:center;gap:11px}.privacy-compare p{margin:0;padding:14px;border:1px solid var(--dash-line);border-radius:9px;background:var(--dash-soft)}.privacy-compare small,.privacy-compare strong{display:block}.privacy-compare small{color:var(--dash-muted);font-size:11px;margin-bottom:5px}.privacy-compare strong{font-size:13px}.account-card{padding:25px;display:flex;justify-content:space-between;align-items:center}.account-card b{font-size:21px}.account-card p{color:var(--dash-muted);margin:8px 0 0}
.sync-dashboard{max-width:1285px;margin:auto;display:grid;grid-template-columns:275px 290px minmax(310px,345px) minmax(205px,1fr);gap:32px;align-items:center}.dash-calendar,.sync-summary,.activity-panel{border:1px solid var(--dash-line);border-radius:16px;background:var(--dash-card);box-shadow:0 9px 27px rgba(45,66,112,.06);overflow:hidden}.dash-calendar{min-width:0}.dash-provider{height:96px;display:flex;align-items:center;gap:13px;padding:17px;border-bottom:1px solid var(--dash-line)}.dash-provider strong{font-size:17px;white-space:nowrap}.dash-provider small{margin-left:auto;display:flex;align-items:center;gap:7px;font-size:12px;color:var(--dash-text);white-space:nowrap}.dash-provider small i{width:8px;height:8px;background:#22bd68;border-radius:50%}.provider-icon{width:42px;height:42px;border-radius:7px;display:grid;place-items:center;font-weight:800;font-size:16px}.provider-icon.google{background:linear-gradient(135deg,#fbbc05 0 25%,#4285f4 25% 50%,#34a853 50% 75%,#fff 75%);color:#fff}.provider-icon.outlook{background:#0879dc;color:#fff;font-size:22px}.provider-icon.apple{background:linear-gradient(#ff6a51 0 25%,#fff 25%);color:#20212b;font-size:18px}.dash-label{margin:19px 17px 13px;color:var(--dash-muted);font-size:13px}.dash-events{padding:0 13px 16px}.dash-events>div{min-height:71px;display:grid;grid-template-columns:13px 1fr 20px;align-content:center;column-gap:10px;border:1px solid var(--dash-line);border-bottom:0;padding:11px 12px}.dash-events>div:first-child{border-radius:9px 9px 0 0}.dash-events>div:last-child{border-bottom:1px solid var(--dash-line);border-radius:0 0 9px 9px}.dash-events b{width:10px;height:10px;border-radius:50%;margin-top:5px}.blue-dot{background:#3d86f7}.purple-dot{background:#ad63ee}.green-dot{background:#24bf68}.dash-events strong{font-size:14px}.dash-events small{grid-column:2;color:var(--dash-muted);font-size:12px;margin-top:4px}.dash-events button{border:0;background:transparent;color:var(--dash-muted);font-size:20px;line-height:16px;cursor:pointer}.dash-calendar footer{border-top:1px solid var(--dash-line);padding:16px 18px;color:var(--dash-muted);font-size:12px}
.sync-summary{padding:34px 28px 25px;text-align:center;border-color:#4e87ee;background:linear-gradient(150deg,var(--dash-card),var(--dash-soft))}.sync-summary-icon{margin:auto;width:76px;height:76px;display:grid;place-items:center;border-radius:12px;background:var(--dash-soft);font-size:42px;color:var(--dash-accent)}.sync-summary h2{font-size:17px;margin:23px 0 26px}.sync-summary ul{display:grid;gap:20px;list-style:none;padding:0;margin:0;text-align:left;color:var(--dash-muted);font-size:14px}.sync-summary li{display:flex;gap:16px;align-items:center}.sync-summary li span{color:#8c55e7;font-size:21px;width:24px}.sync-health{margin-top:29px;padding-top:21px;border-top:1px solid var(--dash-line);font-size:13px;color:#209d54}.sync-health::first-letter{color:#22bd68}
.dash-targets{display:grid;gap:25px}.dash-targets .dash-provider{height:76px;padding:13px 16px}.dash-targets .provider-icon{width:39px;height:39px}.dash-targets .dash-label{margin:15px 17px 11px}.busy-rows{padding:0 17px 13px;display:grid;gap:8px}.busy-rows div{height:51px;border:1px solid #c9d9ff;background:#f4f7ff;border-radius:8px;display:grid;grid-template-columns:24px 1fr 96px;align-items:center;padding:0 10px;color:var(--dash-accent)}.busy-rows b{font-size:13px;color:var(--dash-text)}.busy-rows i{height:13px;border-radius:2px;background:#bed0f8}.apple-busy div{background:#fcf6ff;border-color:#efd9ff;color:#9745e8}.apple-busy i{background:#e6c1fa}
.activity-panel{padding:31px 17px 25px;align-self:stretch}.activity-panel h2{font-size:17px;margin:0 0 24px}.activity-item{display:flex;gap:12px;align-items:flex-start;margin:0 0 23px}.activity-item>span{width:33px;height:33px;display:grid;place-items:center;border-radius:50%;background:var(--dash-soft);color:var(--dash-accent);font-size:19px}.activity-item.success>span{background:#e8faef;color:#21a85a}.activity-item p{margin:2px 0 0;font-size:12px;line-height:1.35}.activity-item small{display:block;color:var(--dash-muted);margin-top:4px}.activity-panel button{width:100%;border:1px solid var(--dash-line);border-radius:8px;background:transparent;color:var(--dash-accent);padding:11px;font:inherit;font-size:12px;cursor:pointer;margin-top:2px}.dashboard-privacy-note{grid-column:2/4;display:flex;gap:14px;align-items:center;color:var(--dash-muted);font-size:13px;margin-top:-2px}.dashboard-privacy-note>span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--dash-soft);color:var(--dash-accent);font-size:20px}.dashboard-privacy-note p{margin:0;line-height:1.55}
.mcp-dashboard{max-width:900px;margin:28px 0}.mcp-access-card{border:1px solid var(--dash-line);border-radius:12px;background:var(--dash-card);padding:25px}.mcp-access-card ul{display:grid;gap:17px;margin:0;padding-left:19px;font-size:14px;line-height:1.45}.mcp-access-card li::marker{color:var(--dash-text)}.mcp-access-actions{display:flex;align-items:center;gap:13px;margin-top:25px}.mcp-cta,.dashboard-empty button{border:0;background:var(--dash-accent);color:#fff;border-radius:8px;padding:11px 17px;font:inherit;font-size:13px;font-weight:700;cursor:pointer}.mcp-doc-link{border:0;background:transparent;color:var(--dash-muted);font:inherit;font-size:13px;cursor:pointer;padding:10px 0}.mcp-doc-link:hover{color:var(--dash-accent)}.dashboard-empty{text-align:center;max-width:480px;margin:150px auto}.dashboard-empty>span{color:var(--dash-accent);font-size:36px}.dashboard-empty h2{margin:14px 0 8px}.dashboard-empty p{color:var(--dash-muted);line-height:1.6;margin:0 0 20px}
@media (max-width:1450px){.sync-dashboard{grid-template-columns:275px 290px minmax(310px,345px)}.activity-panel{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:15px;padding:22px}.activity-panel h2{grid-column:1/-1;margin:0}.activity-item{margin:0}.activity-panel button{grid-column:1/-1;width:max-content;padding-inline:20px}.dashboard-privacy-note{grid-column:2/4}}
@media (max-width:1100px){.dashboard-demo{grid-template-columns:210px minmax(0,1fr)}.dashboard-sidebar{padding:25px 12px}.dashboard-logo{width:180px;margin-bottom:30px}.dashboard-logo img{width:172px}.sidebar-nav button{padding:12px;font-size:14px}.sync-dashboard{grid-template-columns:1fr 1fr}.dash-targets{grid-column:1/-1;grid-template-columns:1fr 1fr}.dashboard-privacy-note{grid-column:1/-1}.activity-panel{grid-column:1/-1}.dashboard-main{padding:38px 28px}.dashboard-topbar{margin-bottom:32px}}
@media (max-width:720px){.dashboard-demo{display:block}.dashboard-sidebar{min-height:auto;padding:14px 15px;border-right:0;border-bottom:1px solid var(--dash-line);position:sticky;top:0;z-index:5}.dashboard-logo{width:145px;margin:0 0 11px}.dashboard-logo img{width:140px}.sidebar-nav{display:flex;overflow:auto;gap:4px}.sidebar-nav button{padding:8px 10px;white-space:nowrap;font-size:12px}.sidebar-nav button span{font-size:16px;width:auto}.sidebar-privacy{display:none}.dashboard-main{padding:29px 16px}.dashboard-topbar h1{font-size:31px}.dashboard-topbar p{font-size:14px;line-height:1.5}.theme-switch span:last-child{display:none}.theme-switch{width:36px;padding:0;justify-content:center}.connect-calendars-button{font-size:0;width:36px;height:36px;padding:0}.connect-calendars-button::before{content:'+';font-size:22px;font-weight:400}.connect-calendars-button span{display:none}.sync-dashboard{grid-template-columns:1fr;gap:18px}.dash-targets{grid-column:auto;grid-template-columns:1fr;gap:18px}.activity-panel{grid-column:auto;display:block}.activity-panel h2{margin-bottom:20px}.activity-item{margin-bottom:16px}.dashboard-privacy-note{grid-column:auto}.mcp-dashboard{margin:20px 0}.mcp-access-card{padding:20px}.mcp-access-actions{align-items:flex-start;flex-direction:column;gap:7px}.dashboard-empty{margin:80px auto}.dashboard-actions{gap:7px}.settings-button{width:36px;height:36px}}
@media (max-width:720px){.overview-stats{grid-template-columns:1fr;gap:9px}.overview-stats article{padding:14px}.overview-card,.account-card{display:block;padding:22px}.overview-card button,.account-card button{margin-top:20px}.section-heading{align-items:flex-start;gap:14px;flex-direction:column}.provider-grid article{align-items:flex-start;flex-wrap:wrap}.provider-grid button{margin-left:53px}.settings-card{padding-inline:18px}.privacy-dashboard-card{display:block;padding:23px}.privacy-dashboard-card>span{margin-bottom:18px}.privacy-compare{margin-top:22px}.account-card button{margin-bottom:0}}
@media (max-width:720px){.sidebar-nav{display:flex;overflow-x:auto;gap:4px;scrollbar-width:none}.sidebar-nav::-webkit-scrollbar{display:none}.sidebar-nav button{justify-content:center;gap:4px;padding:8px 10px;font-size:11px;flex:0 0 auto}.sidebar-nav button span{font-size:14px}.dashboard-topbar{align-items:flex-start;margin-bottom:28px}.sync-list-head{gap:13px;flex-wrap:wrap}.setup-steps{gap:10px;justify-content:space-between;font-size:11px}.setup-steps li{gap:5px}.setup-steps span{width:18px;height:18px;font-size:10px}.sync-empty-state{min-height:225px;padding:24px 18px}.sync-empty-state p{max-width:290px;line-height:1.45}.sync-defaults{padding:20px 18px}.sync-defaults fieldset{grid-template-columns:1fr}}
@media (max-width:360px){.dashboard-main{padding-inline:14px}.dashboard-topbar h1{font-size:29px}.sync-list-head{align-items:stretch;flex-direction:column}.new-sync-button{width:100%}.sync-filters{justify-content:space-between}.sync-filters button{padding-inline:9px}.sidebar-nav button{padding-inline:8px}.dashboard-actions{gap:5px}}
@media (max-width:620px){.sync-example{padding:20px 18px}.sync-example-flow{grid-template-columns:1fr;gap:10px}.example-arrow{grid-template-columns:auto auto;justify-content:center;align-items:center;gap:7px}.example-arrow span{transform:rotate(90deg)}.example-arrow small{font-size:11px}.example-calendar{padding:12px}}