:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#091224;background:#edf4fa;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(to bottom,#eff8ff33,#f3f7fbdd 75%),url('/static/zurich-panorama.png') center center/cover fixed no-repeat}a{color:inherit;text-decoration:none}button,input{font:inherit}button,summary{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #1684ff;outline-offset:4px}main{min-height:100vh}.workspace{min-height:100vh;display:flex;flex-direction:column}.topbar{height:84px;padding:0 3%;display:flex;align-items:center;gap:24px;background:#eff8ffb8;border-bottom:1px solid #fff8;backdrop-filter:blur(22px)}.brand{display:flex;gap:18px;align-items:center;font-size:29px;letter-spacing:-1px;white-space:nowrap}.brand b{color:#087bff}.cloud-logo{font-size:57px;line-height:1;color:#087bff}.company{border-left:1px solid #b8c9df;padding-left:24px;font-size:19px;font-weight:650;color:#425575}.search{margin-left:auto;display:flex;align-items:center;gap:13px;background:#ffffff99;border-radius:18px;padding:10px 17px;width:min(380px,28vw);color:#52698b}.search>span{font-size:28px;line-height:1}.search input{border:0;background:none;outline:none;width:100%;font-size:14px;color:#344b6c}.search input::placeholder{color:#687f9e}.profile summary,.notifications summary{display:flex;align-items:center;gap:14px;list-style:none}.profile summary::-webkit-details-marker,.notifications summary::-webkit-details-marker{display:none}.profile,.notifications{position:relative}.notifications summary{width:47px;height:47px;border-radius:50%;justify-content:center;background:#ffffff8c;font-size:27px}.avatar{display:grid;place-items:center;border-radius:50%;width:50px;height:50px;background:linear-gradient(135deg,#94caff,#1d79ca);color:white;font-weight:650}.profile strong{font-size:16px}.popover{position:absolute;right:0;top:65px;background:#fff;box-shadow:0 12px 32px #40527320;padding:20px;border-radius:15px;z-index:5;white-space:nowrap}.popover button{background:#eef4fc;border:0;padding:10px 20px;border-radius:9px}.workspace-content{width:100%;max-width:1600px;padding:48px 4.5% 24px;margin:0 auto;flex:1}.greeting{display:flex;justify-content:space-between;gap:30px;min-height:180px;align-items:flex-start}.greeting h1{font-size:clamp(28px,3.1vw,47px);letter-spacing:-1.3px;line-height:1.15;margin:13px 0 9px}.greeting p{font-size:clamp(18px,1.9vw,28px);color:#5c6e8b;margin:0}.clock-panel{background:#eef7ffc9;border-radius:22px;padding:20px 24px;min-width:290px;color:#455978;backdrop-filter:blur(14px)}#today{font-size:16px}.clock-row{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:9px}.clock-row>strong{font-size:36px;letter-spacing:-1px}.weather{font-size:14px;max-width:100px;line-height:1.45}.apps-section h2,.administration h2{font-size:26px;letter-spacing:-.5px;margin:6px 0 24px}.app-grid,.admin-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.app-card{min-height:113px;border:1px solid #ffffffcc;background:linear-gradient(135deg,#fff,#fdfefeeb);border-radius:22px;padding:20px 23px;display:flex;align-items:center;gap:23px;box-shadow:0 9px 23px #34495b08;transition:transform .18s,box-shadow .18s}.app-card[href]:hover,.admin-card:hover{transform:translateY(-3px);box-shadow:0 14px 27px #30588819}.app-icon{width:70px;min-width:60px;font-size:56px;line-height:1.1;text-align:center;filter:drop-shadow(0 3px 2px #395b7b28)}.card-copy{min-width:0}.card-copy strong,.admin-card strong{display:block;font-size:19px;font-weight:650;letter-spacing:-.3px}.card-copy small,.admin-card small{display:block;color:#5d7191;font-size:15px;margin-top:7px;line-height:1.35}.arrow{margin-left:auto;border-radius:50%;background:#eef3f9;width:46px;height:46px;min-width:40px;display:grid;place-items:center;font-size:34px;color:#35496a}.unavailable .arrow{opacity:.35}.unavailable .app-icon{opacity:.62}.administration{border-top:1px solid #cad7e4;margin-top:34px;padding-top:23px}.administration h2{margin-bottom:15px}.admin-card{border:1px solid #e5edf4;background:#ffffffa6;border-radius:20px;display:flex;gap:18px;align-items:center;padding:18px;min-height:90px}.admin-icon{width:60px;min-width:48px;height:60px;display:grid;place-items:center;border-radius:50%;background:#eaf0f7;color:#415775;font-size:35px}.admin-card strong{font-size:16px}.admin-card small{font-size:13px}.admin-card .arrow{height:38px;width:38px;min-width:30px;font-size:28px}.workspace-footer{display:flex;align-items:center;gap:20px;background:#f7fbfebc;padding:20px 3%;border-top:1px solid #e8eff5;color:#516683;font-size:13px}.workspace-footer .brand{font-size:20px;letter-spacing:-.5px}.workspace-footer>span:not(.connection){border-left:1px solid #bdccdf;padding-left:20px}.connection{margin-left:auto;display:flex;align-items:center;gap:10px}.connection i{width:10px;height:10px;background:#54bf42;border-radius:50%}.login-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(110deg,#eaf6ff55,#eaf6ff22)}.login-card{width:min(450px,calc(100% - 40px));padding:42px;background:#ffffffd9;backdrop-filter:blur(24px);border:1px solid #fff;border-radius:28px;box-shadow:0 24px 80px #1c456127}.login-card .brand{font-size:26px;gap:12px}.login-card h1{font-size:38px;letter-spacing:-1px;margin:32px 0 10px}.login-card p{color:#586e8b;line-height:1.6}.login-button{display:flex;justify-content:space-between;align-items:center;background:#087bff;color:#fff;padding:17px 22px;border-radius:13px;font-weight:650;margin:26px 0 18px}.login-button:hover{background:#0669dc}.login-card small{color:#637793}.login-page footer{margin-top:28px;color:#425d7a;font-size:13px}.detail-page,.welcome{max-width:950px;margin:7vh auto;padding:35px;background:#fffffff0;border-radius:25px}.detail-page h1,.welcome h1{font-size:36px}.detail-page p,.welcome p{color:#566c89;line-height:1.7}.service-list>div{display:flex;align-items:center;gap:20px;padding:20px 0;border-bottom:1px solid #dae5ef}.service-list>div span{color:#5c7090}.service-list>div a{margin-left:auto;color:#087bff}.back{color:#267cc7}.button{display:inline-block;background:#087bff;color:white;padding:15px 23px;border-radius:12px} [hidden]{display:none!important}@media(min-width:1600px){.workspace-content{padding-top:55px}.greeting{min-height:210px}.app-card{min-height:125px}}@media(max-width:1150px){.topbar{gap:15px}.brand{font-size:24px}.company{font-size:16px;padding-left:15px}.profile strong{display:none}.app-card{gap:13px;padding:18px}.app-icon{font-size:46px;min-width:48px;width:48px}.card-copy strong{font-size:17px}.card-copy small{font-size:13px}.admin-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:850px){.app-grid{grid-template-columns:repeat(2,1fr)}.company{display:none}.search{width:auto;flex:1}.clock-panel{min-width:230px}.greeting{min-height:160px}.greeting p{max-width:380px}.workspace-footer{flex-wrap:wrap}}@media(max-width:560px){.topbar{height:auto;min-height:78px;flex-wrap:wrap;padding:14px 5%;gap:12px}.topbar .brand{font-size:22px}.cloud-logo{font-size:38px}.search{order:4;width:100%;flex-basis:100%}.notifications{margin-left:auto}.avatar{width:36px;height:36px}.profile summary{gap:4px}.notifications summary{height:36px;width:36px}.workspace-content{padding:26px 5%}.greeting{display:block}.greeting h1{margin:0 0 12px}.greeting p{font-size:18px}.clock-panel{margin:23px 0;min-width:0;display:flex;align-items:center;justify-content:space-between;padding:12px 16px}.clock-row{margin:0;gap:15px}.clock-row>strong{font-size:27px}#today{font-size:13px;max-width:130px}.app-grid{gap:10px}.app-card{display:grid;grid-template-columns:40px 1fr;gap:10px;min-height:115px;padding:15px;border-radius:17px}.app-icon{font-size:35px;width:40px;min-width:0}.card-copy strong{font-size:15px}.card-copy small{font-size:12px}.app-card .arrow{display:none}.admin-grid{grid-template-columns:1fr}.workspace-footer{font-size:11px}.connection{margin-left:0}.workspace-footer .brand{font-size:17px}.apps-section h2,.administration h2{font-size:23px}.detail-page,.welcome{margin:20px;padding:25px}.service-list>div{flex-wrap:wrap}}

.cloud-logo svg{display:block;width:72px;height:56px}.notifications svg{width:28px;height:28px}.admin-icon svg{width:34px;height:34px}@media(max-width:560px){.cloud-logo svg{width:48px;height:38px}}



.app-icon.sprite{display:block;width:72px;min-width:72px;height:72px;background-image:url('/static/app-icons.png');background-size:400% 300%;background-repeat:no-repeat;filter:none}
.icon-0{background-position:0.0% 0%}
.icon-1{background-position:33.333333333333336% 0%}
.icon-2{background-position:66.66666666666667% 0%}
.icon-3{background-position:100.0% 0%}
.icon-4{background-position:0.0% 50%}
.icon-5{background-position:33.333333333333336% 50%}
.icon-6{background-position:66.66666666666667% 50%}
.icon-7{background-position:100.0% 50%}
.icon-8{background-position:0.0% 100%}
.icon-9{background-position:33.333333333333336% 100%}
.icon-10{background-position:66.66666666666667% 100%}
.icon-11{background-position:100.0% 100%}
@media(max-width:1150px){.app-icon.sprite{width:58px;min-width:58px;height:58px}}@media(max-width:560px){.app-icon.sprite{width:42px;min-width:42px;height:42px}}

.brand-logo{display:block;width:72px;height:56px;object-fit:contain}.login-page footer a:hover,.workspace-footer>span a:hover{text-decoration:underline}@media(max-width:560px){.brand-logo{width:48px;height:38px}}

.weather{display:flex;align-items:center;gap:8px}.weather-icon{font-size:28px;line-height:1;flex-shrink:0}
.brand-logo{display:block;width:72px;height:56px;object-fit:contain}.login-page footer a:hover,.workspace-footer>span a:hover{text-decoration:underline}
.clock-panel{min-width:320px}.weather{display:grid;grid-template-columns:40px auto;gap:3px 9px;max-width:none}.weather-icon{grid-row:1/3;width:40px}.weather-icon svg{display:block;width:40px;height:40px;filter:drop-shadow(0 2px 2px #6587a525)}#weather-text{font-size:17px;font-weight:650;white-space:nowrap}.weather-city{font-size:12px;color:#617893}
.avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.profile-controls{display:flex;align-items:center;gap:14px;position:relative}.avatar-button{border:0;padding:0;cursor:pointer;flex-shrink:0}.avatar-button:hover{box-shadow:0 0 0 3px #087bff33}.avatar-status{position:absolute;right:0;top:65px;background:white;border-radius:10px;padding:10px 14px;box-shadow:0 8px 24px #40527320;z-index:6;max-width:230px;white-space:normal;font-size:12px}.avatar-status:empty{display:none}.profile-controls .profile{margin-left:0}
@media(max-width:560px){.brand-logo{width:48px;height:38px}.clock-panel{min-width:0}#weather-text{font-size:14px}}

.profile summary{min-height:50px;gap:10px;align-items:center;line-height:1.2}.profile-chevron{display:block;width:18px;height:18px;flex-shrink:0;color:#52698b;transition:transform .15s}.profile[open] .profile-chevron{transform:rotate(180deg)}

.arrow{align-items:center;justify-content:center;line-height:1;flex-shrink:0;padding:0}.arrow svg{display:block;width:22px;height:22px;flex-shrink:0}.admin-card .arrow svg{width:19px;height:19px}

.company-homepage:hover{text-decoration:underline;text-underline-offset:3px}

html{min-height:100%;background:linear-gradient(to bottom,#eff8ff33,#f3f7fbdd 75%),url('/static/zurich-panorama.png') center center/cover fixed no-repeat}body{background:transparent}main{display:flow-root}

.workspace-areas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0 0 42px}.area-card{position:relative;isolation:isolate;overflow:hidden;min-height:270px;border-radius:24px;padding:30px 26px;color:#fff;border:1px solid #ffffff60;box-shadow:0 12px 28px #29497118;transition:transform .18s,box-shadow .18s}.area-card:hover{transform:translateY(-3px);box-shadow:0 16px 34px #29497128}.area-business{background:linear-gradient(135deg,#b795ff,#7950e9)}.area-connect{background:linear-gradient(135deg,#60dec1,#08a88a)}.area-desktop{background:linear-gradient(135deg,#6edcff,#1384f7)}.area-card:before{content:"";position:absolute;z-index:-1;width:290px;height:290px;border-radius:50%;background:#ffffff12;right:-65px;top:20px}.area-copy{position:relative;z-index:1}.area-copy h2{font-size:32px;letter-spacing:-1px;margin:20px 0 10px}.area-copy p{font-size:15px;line-height:1.5;margin:0 0 28px;max-width:220px;text-shadow:0 1px 3px #0002}.area-button{display:inline-flex;align-items:center;gap:16px;background:#ffffffe6;color:#253b66;font-weight:650;font-size:14px;border-radius:25px;padding:12px 19px}.area-art{position:absolute;right:16px;top:calc(50% - 10px);bottom:auto;width:64px;height:64px;transform:translateY(-50%) scale(2.3);transform-origin:right center;filter:drop-shadow(0 12px 10px #1234);opacity:.95}.area-business .area-art{filter:hue-rotate(42deg) drop-shadow(0 12px 10px #1234)}.area-connect .area-art{filter:hue-rotate(290deg) drop-shadow(0 12px 10px #1234)}@media(max-width:1150px){.area-art{opacity:.4}.area-copy p{max-width:100%}}@media(max-width:850px){.workspace-areas{grid-template-columns:1fr}.area-card{min-height:230px}.area-art{opacity:1;right:32px}.area-copy h2{margin-top:5px}}@media(prefers-reduced-motion:reduce){.area-card{transition:none}}

.area-art.sprite{display:block;background-image:url('/static/app-icons.png');background-size:400% 300%;background-repeat:no-repeat}

.area-business{background:linear-gradient(135deg,#83dfff,#087bff)}.area-connect{background:linear-gradient(135deg,#d0adff,#8257f4)}.area-desktop{background:linear-gradient(135deg,#80f1f5,#04b5ee)}.area-card{min-height:190px;padding:22px 26px}.area-copy h2{font-size:29px;margin:12px 0 8px}.area-copy p{font-size:14px;margin-bottom:18px}.area-badge{display:grid;place-items:center;width:56px;height:56px;background:#fffffff2;color:#087bff;border-radius:16px}.area-badge svg{width:30px;height:30px}.area-business .area-art,.area-connect .area-art{filter:drop-shadow(0 12px 10px #1234)}.workspace-areas{margin-bottom:16px}.workspace-overviews{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:36px}.overview-card{background:#ffffffde;border:1px solid #ffffffb3;border-radius:20px;padding:20px;backdrop-filter:blur(20px)}.overview-card header{display:flex;align-items:center;gap:10px;padding-bottom:14px;border-bottom:1px solid #e5edf5}.overview-card h2{font-size:19px;line-height:1.3;margin:0}.overview-icon.sprite{display:block;width:32px;height:32px;flex-shrink:0;background-image:url('/static/app-icons.png');background-size:400% 300%;background-repeat:no-repeat}.overview-mail{display:grid;place-items:center;width:32px;height:32px;color:#087bff}.overview-mail svg{width:28px;height:28px;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.overview-empty{padding:24px 0 12px;color:#52698b;font-size:14px;line-height:1.5}.overview-empty strong{font-weight:600}.overview-empty p{margin:8px 0 0;font-size:13px}@media(max-width:850px){.workspace-overviews{grid-template-columns:1fr}.area-card{min-height:190px}}

.area-card{min-height:210px}.area-copy h2{margin-top:0}@media(max-width:850px){.area-card{min-height:210px}}

.topbar{position:sticky;top:0;z-index:100;flex-shrink:0}

@media(min-width:561px){.workspace-content{padding-top:28px}.greeting{min-height:145px}}@media(min-width:1600px){.workspace-content{padding-top:32px}.greeting{min-height:155px}}

@media(min-width:851px){.clock-panel{min-width:290px;padding-left:20px;padding-right:20px}}

.clock-date-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.clock-date-row #calendar-week{white-space:nowrap;font-size:13px;color:#52698b}@media(max-width:560px){.clock-date-row{flex-direction:column;align-items:flex-start;gap:4px}}

.admin-apps-sprite{display:block;width:42px;height:42px;background-image:url('/static/app-icons.png');background-size:400% 300%;background-repeat:no-repeat}

@media(min-width:1151px){.admin-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.admin-card{gap:12px;padding:15px}.admin-card>span:not(.admin-icon):not(.arrow){min-width:0}.admin-card strong{font-size:15px}.admin-card small{font-size:12px}.admin-card .admin-icon{width:48px;height:48px;min-width:48px}.admin-card .arrow{width:30px;height:30px;min-width:30px}}

.workspace-footer .portal-version{border-left:0!important;padding-left:0!important;white-space:nowrap;color:#637793;font-size:12px}

.support-page{max-width:760px;background:#fffffff0;backdrop-filter:blur(20px)}.support-brand{margin-top:26px;font-size:27px}.support-form{display:grid;gap:20px;margin-top:28px}.support-form label{display:grid;gap:8px;color:#425d7a;font-size:14px;font-weight:600}.support-form input,.support-form textarea{width:100%;border:1px solid #cbd9e8;border-radius:12px;background:#f8fbff;padding:13px 15px;color:#091224;font:inherit;font-weight:400}.support-form textarea{resize:vertical;min-height:150px}.support-form .login-button{border:0;margin:0}.support-success,.support-error{padding:16px;border-radius:12px;font-size:14px;margin-top:20px}.support-success{background:#e8f8ef;color:#16794a}.support-error{background:#fff0ef;color:#a32626}.support-inbox{border-top:1px solid #dae5ef;margin-top:32px;padding-top:20px}.support-inbox details{padding:15px 0;border-bottom:1px solid #dae5ef}.support-inbox summary{font-weight:600}.support-inbox small{display:block;margin-top:15px;color:#637793}.support-message{white-space:pre-wrap;overflow-wrap:anywhere}

.support-attachments>label{margin-bottom:8px}.support-dropzone{border:2px dashed #bad2ef;border-radius:14px;padding:20px;background:#f5faff;text-align:center}.support-dropzone.dragging{border-color:#087bff;background:#e5f1ff}.support-dropzone p{margin:0 0 6px}.support-dropzone small{color:#637793}.support-dropzone input{margin-top:14px;font-size:13px}.support-attachments ul{list-style:none;margin:12px 0;padding:0}.support-attachments li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;font-size:13px;overflow-wrap:anywhere}.support-attachments li button{border:0;border-radius:8px;padding:7px 10px;background:#eaf3ff;color:#087bff}#support-file-error{color:#a32626;font-size:13px}

@media(min-width:1151px){.admin-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.admin-card{padding:12px;gap:8px}.admin-card .admin-icon{width:36px;height:36px;min-width:36px}.admin-card .admin-icon svg{width:25px;height:25px}.admin-card strong{font-size:13px;overflow-wrap:anywhere}.admin-card small{font-size:11px}.admin-card .arrow{width:24px;height:24px;min-width:24px}}.smtp-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.support-form select{font:inherit;padding:13px;border:1px solid #cbd9e8;border-radius:12px;background:#f8fbff}.support-form .smtp-enable{display:flex;align-items:center}.smtp-enable input{width:auto}.smtp-test{margin-top:24px}.smtp-test button{border:0;cursor:pointer}.smtp-test p{font-size:13px}

.support-form select[name="tls"]{appearance:none;-webkit-appearance:none;padding-right:42px;background-image:url('/static/select-chevron.svg');background-repeat:no-repeat;background-position:right 14px center;background-size:20px 20px;cursor:pointer}

.smtp-password{position:relative;display:block}.smtp-password input{padding-right:52px}.smtp-password button{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:36px;height:36px;display:grid;place-items:center;border:0;border-radius:8px;background:transparent;color:#52698b;cursor:pointer}.smtp-password button:hover{background:#eaf3ff}.smtp-password svg{width:22px;height:22px;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

.smtp-connection-row{display:grid;grid-template-columns:minmax(0,2fr) minmax(85px,.65fr) minmax(0,1.2fr);gap:16px}.smtp-connection-row label{min-width:0}.smtp-connection-row select{width:100%}@media(max-width:560px){.smtp-connection-row{grid-template-columns:1fr}.smtp-connection-row{gap:20px}}

.smtp-actions{display:flex;align-items:center;gap:14px;margin-top:24px}.smtp-actions>.login-button{border:0;margin:0;padding:14px 22px}.smtp-actions .smtp-test{margin:0}.smtp-actions .smtp-test .button{background:#eaf2fc;color:#425d7a;border:1px solid #cad9eb;padding:13px 18px;font-size:14px}.smtp-actions .smtp-test .button:hover{background:#deebfa}.smtp-test-hint{font-size:12px!important;margin-top:12px}@media(max-width:560px){.smtp-actions{flex-wrap:wrap}}

.smtp-help{position:relative;display:inline-flex;margin-left:5px}.smtp-help-button{display:grid;place-items:center;width:22px;height:22px;border:1px solid #c1d3e8;border-radius:50%;background:#eaf3ff;color:#425d7a;font-size:13px;font-weight:700;cursor:help}.smtp-tooltip{position:absolute;bottom:calc(100% + 10px);right:0;width:min(330px,75vw);padding:13px 16px;border-radius:12px;background:#253b59;color:white;font-size:13px;font-weight:400;line-height:1.5;box-shadow:0 8px 24px #1233;z-index:10;visibility:hidden;opacity:0}.smtp-help:hover .smtp-tooltip,.smtp-help:focus-within .smtp-tooltip{visibility:visible;opacity:1}

/* Align visible artwork despite different transparent padding in the sprite cells. */
.area-connect .area-art{top:calc(50% - 10px)}.area-desktop .area-art{top:calc(50% + 16px)}

/* Keep the dashboard header and footer visible; scroll only the content. */
.workspace{height:100vh;height:100dvh;overflow:hidden}
.workspace>.topbar,.workspace>.workspace-footer{flex-shrink:0}
.workspace>.topbar{position:relative;z-index:10}
.workspace>.workspace-scroll{flex:1;min-height:0;width:100%;overflow-y:auto}
.workspace-scroll>.workspace-content{min-height:100%}

/* Lower dashboard layout: service links, administration apps and management. */
.dashboard-management{border-top:1px solid #cad7e4;margin-top:23px;padding-top:16px}
.dashboard-administration{margin-top:22px}
.dashboard-administration h2{font-size:26px;letter-spacing:-.5px;margin:0 0 18px;padding-left:3px}
@media(min-width:1151px){.dashboard-management .admin-grid{gap:14px}.dashboard-management .admin-card{min-height:90px;border-radius:20px}}

.dashboard-service-links{border-top:0}
.dashboard-service-links .admin-grid{display:flex;justify-content:space-between;gap:14px}
.dashboard-service-links .admin-card,.dashboard-admin-links .admin-card{width:calc((100% - 70px)/6);min-height:90px;padding:12px;gap:8px}
.dashboard-admin-links .admin-grid{display:flex;flex-wrap:wrap;gap:14px}
.dashboard-service-links .admin-icon,.dashboard-admin-links .admin-icon{width:36px;height:36px;min-width:36px}
.dashboard-service-links .admin-icon svg,.dashboard-admin-links .admin-icon svg{width:25px;height:25px}
.dashboard-service-links .admin-card strong,.dashboard-admin-links .admin-card strong{font-size:13px;overflow-wrap:anywhere}
.dashboard-service-links .admin-card small,.dashboard-admin-links .admin-card small{font-size:11px}
.dashboard-service-links .admin-card .arrow,.dashboard-admin-links .admin-card .arrow{width:24px;height:24px;min-width:24px}
@media(max-width:1150px){.dashboard-service-links .admin-card,.dashboard-admin-links .admin-card{width:calc((100% - 28px)/3)}}
@media(max-width:850px){.dashboard-service-links .admin-card,.dashboard-admin-links .admin-card{width:calc((100% - 14px)/2)}}
@media(max-width:560px){.dashboard-admin-links .admin-card{width:100%}}

/* Tile sizes apply only to "Ihre Anwendungen". */
.apps-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:6px 0 24px}
.apps-heading h2{margin:0}
.app-view{position:relative;z-index:6}
.app-view summary{display:grid;place-items:center;list-style:none;width:36px;height:36px;border-radius:10px;background:transparent;color:#425d7a}
.app-view summary::-webkit-details-marker{display:none}
.app-view summary svg{width:22px;height:22px;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.app-view .popover{top:44px;min-width:125px;padding:8px;display:grid;gap:4px}
.app-view .popover button{padding:9px 14px;text-align:left;background:transparent}
.app-view .popover button:hover,.app-view .popover button[aria-pressed="true"]{background:#eef4fc}
.apps-section[data-tile-size="medium"] .app-card{min-height:88px;padding-top:12px;padding-bottom:12px}
.apps-section[data-tile-size="medium"] .card-copy small{display:none}
.apps-section[data-tile-size="small"] .app-grid{grid-template-columns:repeat(8,minmax(0,1fr))}
.apps-section[data-tile-size="small"] .app-card{display:flex;justify-content:center;min-height:88px;padding:12px;gap:0}
.apps-section[data-tile-size="small"] .card-copy,.apps-section[data-tile-size="small"] .arrow{display:none}
@media(max-width:850px){.apps-section[data-tile-size="small"] .app-icon{width:40px;min-width:0;height:40px}}
@media(max-width:560px){.apps-section[data-tile-size="small"] .app-card{min-height:52px;padding:5px;border-radius:12px}.apps-section[data-tile-size="small"] .app-icon{width:28px;height:28px}}

/* Centre visible sprite artwork, accounting for transparent cell margins. */
.app-card{--tile-height:113px;--tile-icon:72px;padding-left:calc((var(--tile-height) - var(--tile-icon))/2)}
.app-card .app-icon.sprite{position:relative;background-image:none;flex-shrink:0}
.app-card .app-icon.sprite::before{content:"";position:absolute;left:50%;top:50%;width:72px;height:72px;transform:translate(-50%,-50%) scale(var(--icon-scale,1));background-image:url('/static/app-icons.png');background-repeat:no-repeat}
.app-card .app-icon.icon-0::before{background-size:301.667px 226.250px;background-position:-5.042px -9.417px}
.app-card .app-icon.icon-1::before{background-size:305.915px 229.437px;background-position:-79.246px -9.000px}
.app-card .app-icon.icon-2::before{background-size:282.997px 212.248px;background-position:-138.821px -7.974px}
.app-card .app-icon.icon-3::before{background-size:280.258px 210.194px;background-position:-207.290px -7.161px}
.app-card .app-icon.icon-4::before{background-size:314.783px 236.087px;background-position:-4.978px -82.043px}
.app-card .app-icon.icon-5::before{background-size:269.814px 202.360px;background-position:-65.553px -66.950px}
.app-card .app-icon.icon-6::before{background-size:280.258px 210.194px;background-position:-139.355px -70.742px}
.app-card .app-icon.icon-7::before{background-size:303.776px 227.832px;background-position:-228.545px -80.643px}
.app-card .app-icon.icon-8::before{background-size:308.085px 231.064px;background-position:-4.213px -150.809px}
.app-card .app-icon.icon-9::before{background-size:289.600px 217.200px;background-position:-73.000px -139.500px}
.app-card .app-icon.icon-10::before{background-size:319.412px 239.559px;background-position:-163.853px -156.132px}
.app-card .app-icon.icon-11::before{background-size:324.179px 243.134px;background-position:-245.978px -159.224px}
@media(min-width:1600px){.app-card{--tile-height:125px}}
@media(max-width:1150px){.app-card{--tile-icon:58px;--icon-scale:.805556}}
.apps-section[data-tile-size="medium"] .app-card{--tile-height:88px;--tile-icon:58px;--icon-scale:.805556}
.apps-section[data-tile-size="medium"] .app-icon.sprite{width:58px;min-width:58px;height:58px}
.apps-section[data-tile-size="small"] .app-card{padding:12px}
@media(max-width:850px){.apps-section[data-tile-size="small"] .app-card{--icon-scale:.555556}}
@media(max-width:560px){.app-card{--tile-height:115px;--tile-icon:42px;--icon-scale:.583333}.app-card .app-icon.sprite{grid-row:1/-1}.apps-section[data-tile-size="small"] .app-card{padding:5px;--icon-scale:.388889}}

/* Balance top, right and bottom insets around the three product illustrations. */
.area-card{min-height:180px}
.area-card .area-art{top:50%;right:29px;bottom:auto;height:122px;transform:translateY(-50%);transform-origin:center}
.area-card .area-art.icon-1{width:96.049px;background-size:560.845px 420.634px;background-position:-163.261px -21.500px}
.area-card .area-art.icon-3{width:146.252px;background-size:627.087px 470.315px;background-position:-471.244px -35.575px}
.area-card .area-art.icon-9{width:137.475px;background-size:605.627px 454.221px;background-position:-159.209px -306.015px}

/* Independent tile size selection for Administration. */
.dashboard-administration .apps-heading{margin:0 0 18px}
.dashboard-administration .apps-heading h2{margin:0}
.dashboard-administration[data-tile-size="medium"] .app-card{min-height:88px;padding-top:12px;padding-bottom:12px}
.dashboard-administration[data-tile-size="medium"] .card-copy small{display:none}
.dashboard-administration[data-tile-size="small"] .app-grid{grid-template-columns:repeat(8,minmax(0,1fr))}
.dashboard-administration[data-tile-size="small"] .app-card{display:flex;justify-content:center;min-height:88px;padding:12px;gap:0}
.dashboard-administration[data-tile-size="small"] .card-copy,.dashboard-administration[data-tile-size="small"] .arrow{display:none}
@media(max-width:850px){.dashboard-administration[data-tile-size="small"] .app-icon{width:40px;min-width:0;height:40px}}
@media(max-width:560px){.dashboard-administration[data-tile-size="small"] .app-card{min-height:52px;padding:5px;border-radius:12px}.dashboard-administration[data-tile-size="small"] .app-icon{width:28px;height:28px}}
.dashboard-administration[data-tile-size="medium"] .app-card{--tile-height:88px;--tile-icon:58px;--icon-scale:.805556}
.dashboard-administration[data-tile-size="medium"] .app-icon.sprite{width:58px;min-width:58px;height:58px}
.dashboard-administration[data-tile-size="small"] .app-card{padding:12px}
@media(max-width:850px){.dashboard-administration[data-tile-size="small"] .app-card{--icon-scale:.555556}}
@media(max-width:560px){.dashboard-administration[data-tile-size="small"] .app-card{padding:5px;--icon-scale:.388889}}

/* Each overview card expands independently. */
.workspace-overviews>.overview-card{align-self:start}
.overview-expand{display:grid;place-items:center;width:28px;height:28px;flex-shrink:0;margin-left:auto;padding:0;border:0;border-radius:8px;background:transparent;color:#52698b}
.overview-expand:hover{background:#eef4fc}
.overview-expand svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.overview-expand[aria-expanded="true"] svg{transform:rotate(180deg)}

/* Dedicated application artwork replaces the generic placeholder. */
.app-card .custom-app-icon::before{content:none}
.app-card .custom-app-icon img{position:absolute;left:50%;top:50%;width:60px;height:60px;transform:translate(-50%,-50%) scale(var(--icon-scale,1));display:block}

/* Long-press sorting is limited to the two large application grids. */
.apps-section[data-reordering="true"]>.app-grid>.app-card,.dashboard-administration[data-reordering="true"]>.app-grid>.app-card{cursor:grab;touch-action:none;user-select:none;outline:1px dashed #7fa8d5;outline-offset:-3px}
.apps-section>.app-grid>.app-card.tile-dragging,.dashboard-administration>.app-grid>.app-card.tile-dragging{cursor:grabbing;opacity:.65;transform:none}

.business-overview-list{list-style:none;margin:0;padding:0;width:100%;text-align:left}
.business-overview-list li{display:grid;align-items:center;gap:10px;padding:5px 0;white-space:nowrap}
.business-appointments li{grid-template-columns:minmax(0,1fr) auto 1ch}
.business-invoices li{grid-template-columns:minmax(0,1fr) 10ch minmax(0,1fr)}
.business-row-title{overflow:hidden;text-overflow:ellipsis;min-width:0}
.business-row-date{text-align:right;font-variant-numeric:tabular-nums}
.business-row-amount{text-align:right;font-variant-numeric:tabular-nums}
.business-row-source{text-align:right;cursor:help}
.business-overview-list .invoice-open{color:#b91c1c}
.business-overview-list .invoice-paid{color:#15803d}
.business-overview-list span{font-size:13px}
.overview-empty:has(.business-overview-list){justify-content:flex-start;overflow:auto}

/* The application chooser uses the existing details/popover pattern. */
.app-chooser{position:relative;display:block}
.app-chooser>summary{display:flex;align-items:center;gap:inherit;list-style:none;min-height:71px}
.app-chooser>summary::-webkit-details-marker{display:none}
.app-chooser>summary .arrow svg{transition:transform .18s}
.app-chooser[open]>summary .arrow svg{transform:rotate(180deg)}
.app-chooser .popover{position:fixed;inset:auto;margin:0;border:0;padding:8px;display:none;gap:4px;white-space:normal;min-width:0;max-height:calc(100dvh - 24px);overflow:auto;z-index:20;color:#091224}
.app-chooser[open] .popover{display:grid}
.app-chooser .popover a{display:block;padding:9px 14px;border-radius:9px;text-align:left}
.app-chooser .popover a:hover,.app-chooser .popover a:focus-visible{background:#eef4fc}
.app-chooser .popover strong{font-size:14px;font-weight:600}
.app-chooser .popover small{display:block;margin-top:4px;color:#5d7191;font-size:13px;line-height:1.35}
.apps-section[data-tile-size="medium"] .app-chooser>summary{min-height:62px}
.apps-section[data-tile-size="small"] .app-chooser>summary{min-height:62px;justify-content:center}
@media(max-width:560px){.app-chooser>summary{display:grid;grid-template-columns:40px minmax(0,1fr);min-height:83px}.apps-section[data-tile-size="small"] .app-chooser>summary{display:flex}.apps-section[data-tile-size="small"] .app-chooser>summary{min-height:40px}}
@media(prefers-reduced-motion:reduce){.app-chooser>summary .arrow svg{transition:none}}

.app-chooser:hover{box-shadow:0 14px 27px #30588819}
@media(max-width:560px){.app-chooser>summary .arrow{display:grid;position:absolute;right:6px;bottom:6px;width:20px;min-width:20px;height:20px}.app-chooser>summary .arrow svg{width:14px;height:14px}}
.apps-section[data-tile-size="small"] .app-chooser>summary .arrow{display:grid;position:absolute;right:4px;bottom:4px;width:16px;min-width:16px;height:16px}
.apps-section[data-tile-size="small"] .app-chooser>summary .arrow svg{width:12px;height:12px}

/* Grey frame on dashboard tiles without changing their size. */
.workspace :is(.app-card,.area-card,.admin-card,.overview-card):not(.unavailable):not([aria-disabled="true"]):hover{outline:1px solid #b8b8b8;outline-offset:0}

/* Weather preview and custom tooltip. */
.weather{position:relative;cursor:help}.weather-tooltip{position:absolute;right:0;top:calc(100% + 12px);width:min(310px,80vw);padding:15px 18px;border:1px solid #d3deeb;border-radius:14px;background:#fff;color:#344b68;box-shadow:0 12px 32px #263e5c24;text-align:left;line-height:1.5;z-index:20;opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .16s,transform .16s;pointer-events:none}.weather-tooltip::before{content:"";position:absolute;right:24px;top:-6px;width:10px;height:10px;background:#fff;border-top:1px solid #d3deeb;border-left:1px solid #d3deeb;transform:rotate(45deg)}.weather-tooltip strong{display:block;font-size:13px;font-weight:600}.weather-tooltip>span{display:block;margin-top:8px;font-size:12px;color:#087bff}.weather-tooltip small{display:block;margin-top:10px;padding-top:8px;border-top:1px solid #edf1f6;font-size:10px;color:#71839a}.weather:hover .weather-tooltip,.weather:focus .weather-tooltip{opacity:1;visibility:visible;transform:translateY(0)}

/* Keep the Zurich lake image visible behind the dashboard while scrolling. */
html:has(.workspace){background:url('/static/zrh_sea_3.png?v=018d4066dfdf') center center/cover fixed no-repeat}

.support-page:has(+.relay-card){margin-bottom:24px}.relay-card{margin-top:0}.relay-card h2{margin-top:0;font-size:26px}.relay-card h3{border-top:1px solid #e5edf5;padding-top:20px;margin-top:8px;font-size:17px}.relay-card .login-button{border:0;cursor:pointer}.relay-card select{width:100%}

.smtp-actions>.smtp-test{margin-left:auto}

.support-page h1,.relay-card h2{font-size:26px;letter-spacing:-.5px}

/* Counts and a header-only mode for each overview. */
.overview-count{margin-left:auto;flex-shrink:0;min-width:22px;text-align:right;font-size:14px;font-weight:650;color:#52698b}.overview-count+.overview-expand{margin-left:0}.overview-card[data-overview-state="minimized"]{min-height:0;height:auto!important}.overview-card[data-overview-state="minimized"]>header{padding-bottom:0;border-bottom:0}.overview-card[data-overview-state="minimized"]>.overview-empty{display:none}.overview-card[data-overview-state="expanded"] .overview-expand svg{transform:rotate(180deg)}.overview-card:not([data-overview-state="expanded"]) .overview-expand svg{transform:none}.overview-card[data-overview-state="minimized"] .overview-expand svg{transform:rotate(-90deg)}

.weather-tooltip{width:max-content;max-width:calc(100vw - 32px);white-space:normal}

.weather.tooltip-dismissed .weather-tooltip{opacity:0;visibility:hidden}

.weather.tooltip-dismissed:hover,.weather.tooltip-dismissed:hover *{cursor:none}

/* Personal overview column and the shared size icon. */
.workspace-overviews{grid-template-columns:repeat(3,minmax(0,1fr))}
.workspace-overviews>.overview-column{display:grid;gap:18px;align-self:start;min-width:0}
.workspace-overviews .overview-card{min-width:0;padding:20px 16px}
.workspace-overviews .overview-card h2{font-size:17px;min-width:0;overflow-wrap:anywhere}
.workspace-overviews .overview-expand svg{transform:none!important}
.overview-personal-icon{display:grid;place-items:center;width:32px;height:32px;flex-shrink:0;font-size:24px}
.overview-personal-content{display:block;overflow:auto;max-height:100%}
.personal-list{list-style:none;margin:0;padding:0;width:100%}
.personal-list li{display:flex;align-items:center;gap:8px;padding:6px 0}
.personal-list li>a,.personal-list li>span:first-child{flex:1;min-width:0;overflow-wrap:anywhere}
.personal-list a:hover{text-decoration:underline}
.personal-list time{white-space:nowrap;font-variant-numeric:tabular-nums}
.personal-remove{border:0;background:transparent;color:#52698b;padding:2px 5px;border-radius:5px}
.personal-remove:hover{background:#eef4fc;color:#b91c1c}
.personal-add{width:100%;margin-top:12px;font-size:13px}
.personal-add summary{color:#425d7a}
.personal-add form{display:grid;gap:10px;margin-top:12px}
.personal-add label{display:grid;gap:4px}
.personal-add input{width:100%;min-width:0;padding:8px;border:1px solid #cbd9e8;border-radius:8px;background:#fff;color:#091224}
.personal-add button[type="submit"]{padding:8px;border:0;border-radius:8px;background:#eef4fc;color:#425d7a}
.personal-status{color:#a32626}
@media(min-width:851px) and (max-width:1200px){.workspace-overviews{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:850px){.workspace-overviews{grid-template-columns:1fr}}

/* Overview size menus share the application dropdown styling. */
.overview-view{flex-shrink:0}
.overview-card:has(.overview-view[open]){position:relative;z-index:7}
.overview-column:has(.overview-view[open]){position:relative;z-index:7}

/* Hover stars promote up to three applications without duplicating their links. */
.app-card{position:relative}
.app-launch{display:contents}
.favorite-toggle{position:absolute;top:7px;right:7px;width:28px;height:28px;display:grid;place-items:center;padding:4px;border:0;border-radius:7px;background:#ffffffed;color:#52698b;opacity:0;pointer-events:none;z-index:2}
.favorite-toggle svg{width:19px;height:19px;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round}
.app-card:hover .favorite-toggle,.app-card:focus-within .favorite-toggle,.favorite-toggle:focus-visible{opacity:1;pointer-events:auto}
.is-favorite .favorite-toggle{color:#e5aa00}
.is-favorite .favorite-toggle svg{fill:currentColor;stroke:#b98200}
.dashboard-favorites{margin-bottom:18px}
.favorite-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.favorite-grid>.app-card{min-height:140px;padding:20px;gap:14px}
.favorite-status:empty{display:none}
.favorite-status{font-size:13px;color:#b91c1c;margin:0 0 16px}
@media(max-width:850px){.favorite-grid{grid-template-columns:1fr}.favorite-grid>.app-card{min-height:113px}}
@media(max-width:560px){.favorite-grid>.app-card{padding:18px;min-height:100px}}
@media(hover:none){.favorite-toggle{opacity:1;pointer-events:auto;width:36px;height:36px}}

/* Keep the size picker available while a section's application tiles are off. */
.apps-section[data-tile-size="off"]>.app-grid,.dashboard-administration[data-tile-size="off"]>.app-grid,.apps-section[data-tile-size="off"]>#search-empty{display:none}

/* The overview picker stays beside search and allows independent selections. */
.topbar-search-controls{display:flex;align-items:center;gap:12px;margin-left:auto;min-width:0}
.topbar-search-controls .search{margin-left:0}
.overview-picker{position:relative;flex-shrink:0}
.overview-picker>summary{display:grid;place-items:center;list-style:none;width:42px;height:42px;border-radius:12px;background:#ffffff99;color:#425d7a}
.overview-picker>summary::-webkit-details-marker{display:none}
.overview-picker>summary svg{width:23px;height:23px;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.overview-picker .popover{top:52px;left:0;right:auto;padding:12px;min-width:220px}
.overview-picker fieldset{border:0;padding:0;margin:0}
.overview-picker legend{font-size:13px;font-weight:650;color:#425d7a;margin-bottom:8px}
.overview-picker label{display:flex;align-items:center;gap:10px;padding:9px 5px;font-size:14px;color:#253b56;cursor:pointer}
.overview-picker input{width:16px;height:16px;margin:0;accent-color:#087bff}
.workspace-overviews[hidden],.overview-column[hidden],.overview-card[hidden]{display:none!important}
@media(max-width:850px){.topbar-search-controls{flex:1}.topbar-search-controls .search{width:auto;min-width:0}}
@media(max-width:560px){.topbar-search-controls{order:4;flex-basis:100%;width:100%;margin-left:0}.topbar-search-controls .search{flex-basis:auto;width:auto}.overview-picker .popover{max-width:calc(100vw - 40px)}}

/* Personal overview cards occupy half a column on spacious desktop layouts. */
@media(min-width:851px){
.workspace-overviews .overview-card[data-personal-list]{width:50%;padding:16px 10px}
.overview-card[data-personal-list] header{gap:5px;flex-wrap:wrap}
.workspace-overviews .overview-card[data-personal-list] h2{font-size:15px}
.overview-card[data-personal-list] .overview-personal-icon{width:24px;height:24px;font-size:20px}
.overview-card[data-personal-list] .overview-count{min-width:16px;font-size:12px}
.overview-card[data-personal-list] .overview-view>summary{width:28px;height:28px}
.overview-card[data-personal-list] .overview-view .popover{right:auto;left:0}
}

/* Two half-width cards can share a single overview column. */
.workspace-overviews>.overview-column{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;column-gap:14px}
.overview-column>.overview-card{grid-column:span 2;align-self:start}
.workspace-overviews .overview-column>.overview-card[data-personal-list]{grid-column:span 1;width:auto}
.workspace-overviews[data-reordering="true"] .overview-card{cursor:grab;touch-action:none;user-select:none;outline:1px dashed #7fa8d5;outline-offset:-3px}
.workspace-overviews[data-reordering="true"]>.overview-column[hidden]{display:grid!important}
.workspace-overviews[data-reordering="true"]>.overview-column{min-height:100px}
.workspace-overviews .overview-card.overview-dragging{cursor:grabbing;opacity:.6;pointer-events:none}
@media(max-width:850px){.overview-card[data-personal-list] header{gap:5px;flex-wrap:wrap}.workspace-overviews .overview-card[data-personal-list]{padding:16px 10px}.workspace-overviews .overview-card[data-personal-list] h2{font-size:15px}.overview-card[data-personal-list] .overview-personal-icon{width:24px;height:24px;font-size:20px}.overview-card[data-personal-list] .overview-view>summary{width:28px;height:28px}}

/* Personal entry fields retain their normal border when focused. */
.personal-add input:focus-visible{outline:none}

/* Favorites share the three-second application sorting behavior. */
.dashboard-favorites[data-reordering="true"]>.app-grid>.app-card{cursor:grab;touch-action:none;user-select:none;outline:1px dashed #7fa8d5;outline-offset:-3px}
.dashboard-favorites>.app-grid>.app-card.tile-dragging{cursor:grabbing;opacity:.65;transform:none}

/* Compact application tiles keep their titles underneath the artwork. */
:is(.apps-section,.dashboard-administration)[data-tile-size="small"] .app-card{flex-direction:column;gap:7px;min-height:116px;padding:12px}
:is(.apps-section,.dashboard-administration)[data-tile-size="small"] .app-chooser>summary{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;width:100%;min-height:0}
:is(.apps-section,.dashboard-administration)[data-tile-size="small"] .app-icon.sprite{width:56px;min-width:56px;height:56px;--icon-scale:.777778}
:is(.apps-section,.dashboard-administration)[data-tile-size="small"] .card-copy{display:block;width:100%;text-align:center}
:is(.apps-section,.dashboard-administration)[data-tile-size="small"] .card-copy strong{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere;font-size:12px;line-height:1.25;min-height:30px;letter-spacing:0}
:is(.apps-section,.dashboard-administration)[data-tile-size="small"] .card-copy small{display:none}
@media(max-width:850px){:is(.apps-section,.dashboard-administration)[data-tile-size="small"] .app-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:560px){:is(.apps-section,.dashboard-administration)[data-tile-size="small"] .app-card{min-height:94px;padding:8px;gap:5px}:is(.apps-section,.dashboard-administration)[data-tile-size="small"] .app-icon.sprite{width:36px;min-width:36px;height:36px;--icon-scale:.5}}

/* Overview counts precede their titles; opening links are placeholders. */
.overview-card h2>.overview-count{margin:0 6px 0 0;min-width:0;text-align:left;font-size:inherit;font-weight:inherit;color:inherit}
.overview-card h2>.overview-count:empty{display:none}
.overview-open{margin-left:auto;flex-shrink:0;padding:0;border:0;background:transparent;color:#52698b;font:inherit;font-size:12px;white-space:nowrap;cursor:pointer}
.overview-open:hover{text-decoration:underline}

/* Overview opening links and hover-only size controls. */
.overview-open{color:#087bff}
.overview-card .overview-view>summary{opacity:0;pointer-events:none}
.overview-card:hover .overview-view>summary,.overview-card .overview-view[open]>summary,.overview-card .overview-view>summary:focus-visible{opacity:1;pointer-events:auto}

/* Receipt rows in the Last receipts card. */
.business-invoices li{grid-template-columns:18px 78px minmax(84px,1fr) 68px 58px 62px;gap:8px;min-width:426px;height:38px;padding:7px 8px;box-sizing:border-box;border-bottom:1px solid #e7eef5;color:#00134d;font-size:12px;font-weight:400;background:rgba(255,255,255,.5)}
.business-invoices li:last-child{border-bottom:0}
.business-invoices .business-row-title{font-size:12px;font-weight:400;color:#00134d}
.business-invoices .business-row-customer{overflow:hidden;text-overflow:ellipsis;min-width:0;color:#00134d}
.business-invoices .business-row-date{color:#526fa7;text-align:left}
.business-invoices .business-row-amount{color:#00134d;text-align:right}
.business-invoices span{font-size:12px}
.business-invoice-icon{width:18px;height:20px;fill:none;stroke:#087aff;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.business-invoices .business-row-status{justify-self:end;display:inline-flex;align-items:center;justify-content:center;min-width:54px;height:24px;padding:0 10px;box-sizing:border-box;border-radius:10px;font-size:12px;line-height:24px}
.business-invoices .business-row-status.invoice-open{color:#f5222d;background:#ffe5e9}
.business-invoices .business-row-status.invoice-paid{color:#00885c;background:#d7f6ed;min-width:62px}

/* Compact receipt spacing and receipt-specific actions. */
.overview-card[data-overview-id="invoices"]>.overview-empty{padding-top:8px;padding-bottom:0}
.business-invoice-pdf{display:flex;align-items:center;justify-content:center;color:#e43c49}
.business-invoice-pdf .business-invoice-icon{stroke:currentColor;fill:#fff5f5}
.business-invoice-icon text{fill:currentColor;stroke:none;font:bold 6px Arial,sans-serif}
.business-invoices button.business-row-status{border:0;font-family:inherit;cursor:pointer}
.business-invoices button.business-row-status:disabled{cursor:default;opacity:1}
.invoice-payment-dialog{border:1px solid #dae5f0;border-radius:16px;padding:24px;max-width:420px;width:calc(100% - 48px);color:#00134d;background:#f8fbff;box-sizing:border-box}
.invoice-payment-dialog::backdrop{background:#142c5066}
.invoice-payment-dialog h2{font-size:19px;margin:0 0 12px}
.invoice-payment-dialog label{display:flex;flex-direction:column;gap:6px;margin:14px 0}
.invoice-payment-dialog input{font:inherit;padding:10px;border:1px solid #c9d8e8;border-radius:8px;background:white;color:#00134d}
.invoice-payment-dialog small{color:#52698b}
.invoice-payment-dialog [role="alert"]{color:#b91c1c}
.invoice-payment-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:18px}
.invoice-payment-actions button{padding:9px 12px;border:1px solid #c9d8e8;border-radius:8px;background:#fff;color:#00134d;cursor:pointer}
.invoice-payment-actions button[type="submit"]{background:#087bff;color:#fff;border-color:#087bff}

/* Hourly weather dropdown */
.clock-panel{position:relative}.weather{cursor:pointer}.weather-dropdown[hidden]{display:none}.weather-dropdown{position:absolute;top:calc(100% + 10px);right:0;width:min(350px,calc(100vw - 40px));padding:15px;background:#fff;border:1px solid #d7e3f0;border-radius:16px;box-shadow:0 14px 40px #263e5c30;z-index:50;color:#344b68;text-align:left}.weather-dropdown label{display:flex;align-items:center;justify-content:space-between;font-weight:650}.weather-dropdown select{font:inherit;border:1px solid #c9daec;border-radius:8px;padding:5px 10px;background:#f4f8fd;color:#344b68}.weather-dropdown p{font-size:11px;margin:9px 0}.weather-table-scroll{max-height:300px;overflow:auto;overscroll-behavior:contain}.weather-dropdown table{width:100%;border-collapse:collapse;font-size:12px;white-space:nowrap}.weather-dropdown th{position:sticky;top:0;background:#eef5fc;text-align:left}.weather-dropdown td,.weather-dropdown th{padding:6px 8px;border-bottom:1px solid #edf2f7}.weather-dropdown td:last-child,.weather-dropdown th:last-child{text-align:right}.weather-past{color:#8190a4}.weather-current{background:#e8f3ff;font-weight:650}.weather-dropdown small{display:block;font-size:9px;margin-top:10px;color:#71839a}

/* Lift tile icons on pointer hover without moving the tile layout. */
.workspace :is(.app-icon,.admin-icon,.overview-custom-icon){transform-origin:center;transition:scale .18s ease,filter .18s ease}
@media(hover:hover){.workspace :is(.app-card,.admin-card,.overview-card):hover :is(.app-icon,.admin-icon,.overview-custom-icon){scale:1.1;filter:drop-shadow(0 6px 6px #193c6b40)}}
@media(prefers-reduced-motion:reduce){.workspace :is(.app-icon,.admin-icon,.overview-custom-icon){transition:none}}

.overview-custom-icon{display:block;width:32px;height:32px;flex-shrink:0}.overview-custom-icon img{display:block;width:100%;height:100%;object-fit:contain}

/* Give dashboard tiles depth on pointer hover. */
.workspace :is(.app-card,.area-card,.admin-card,.overview-card){transition:box-shadow .18s ease}
@media(hover:hover){.workspace :is(.app-card,.area-card,.admin-card,.overview-card):hover{box-shadow:0 12px 28px #193c6b30,0 3px 8px #193c6b14}}
@media(prefers-reduced-motion:reduce){.workspace :is(.app-card,.area-card,.admin-card,.overview-card){transition:none}}

/* Keep inactive dashboard tiles visible with a muted appearance. */
.workspace :is(.app-card,.area-card,.admin-card,.overview-card):is(.unavailable,[aria-disabled="true"]){filter:grayscale(1);opacity:.55}

.profile-menu{display:grid;gap:4px;min-width:160px;padding:12px}.profile-menu>a,.profile-menu button{display:block;width:100%;padding:10px 16px;border:0;border-radius:9px;background:transparent;color:inherit;text-align:left;font:inherit}.profile-menu>a:hover,.profile-menu button:hover{background:#eef4fc}.profile-menu form{margin:0}