.app-sidebar{display:flex;flex-direction:column}
.dashboard-heading{min-width:0}
.dashboard-page-head>.button{flex-shrink:0}
.dashboard-clock{display:flex;align-items:baseline;flex-wrap:wrap;gap:.25rem 1rem}
.dashboard-clock-reading{display:inline-flex;align-items:baseline;flex-wrap:wrap;gap:.25rem .5rem;font:inherit;color:inherit;font-variant-numeric:tabular-nums}
.dashboard-clock-date,.dashboard-clock-time{font:inherit;color:inherit;letter-spacing:0;white-space:nowrap}
.dashboard-clock-zone{color:inherit;overflow-wrap:anywhere;text-underline-offset:3px}
.dashboard-clock-zone:hover,.dashboard-clock-zone:focus-visible{text-decoration:underline}
/* Keep only the overview metrics compact on phones; desktop and other grids are unchanged. */
@media (max-width: 760px) {
    .dashboard-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.625rem}
    .dashboard-stat-grid>article{min-width:0;padding:0;border-radius:.875rem}
    .dashboard-stat-grid .dashboard-stat-link{box-sizing:border-box;height:100%;min-height:0;padding:.875rem}
    .dashboard-stat-grid .dashboard-stat-link>span{display:block;padding-inline-end:.875rem;font-size:.875rem;line-height:1.35;overflow-wrap:anywhere}
    .dashboard-stat-grid .dashboard-stat-link>strong{margin-top:.5rem;font-size:1.625rem;line-height:1.15;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
    .dashboard-stat-grid .dashboard-stat-link>strong small{display:block;margin:.25rem 0 0;font-size:.75rem;line-height:1.35}
    .dashboard-stat-grid .dashboard-stat-link>i{top:.875rem;right:auto;left:auto;inset-inline-end:.875rem;width:6px;height:6px}
    .dashboard-stat-grid .dashboard-stat-link>em{display:none}
    .dashboard-stat-grid .dashboard-stat-link:focus-visible{outline:2px solid var(--lime-dark);outline-offset:-3px;border-radius:inherit}
}
.activity-updates{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:0 0 22px;color:#637a79;font-size:13px;min-height:36px}.activity-indicator{width:7px;height:7px;border-radius:50%;background:#72b992}.activity-updates.has-updates{background:#eaf8ef;border:1px solid #bfe5ce;border-radius:12px;padding:12px 16px;color:#235f3d}.activity-updates [data-activity-help]{flex:1;min-width:180px;font-size:12px}.activity-updates [hidden]{display:none!important}
.footer-brand-row{grid-column:1/-1;display:grid;grid-template-columns:minmax(180px,1fr) auto;align-items:end;gap:1.5rem;padding:0}
.footer-identity{min-width:0}
.footer-identity a{display:inline-flex}
.mysmartspace-logo{display:block;width:150px;max-width:100%;height:auto;filter:brightness(0) invert(1)}
.footer-technology-marks{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:flex-end;gap:.5rem .875rem;min-width:0;justify-self:end}
.footer-technology-marks a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.375rem;min-height:44px;padding:.25rem;max-width:100%;border:0;background:transparent}
.footer-technology-marks img{display:block;width:auto;max-width:3rem;height:1rem;object-fit:contain}
.technology-mark-label{color:#b3c2c5;font-size:.75rem;line-height:1.25;white-space:nowrap}
.footer-technology-marks .technology-mark-webrtc{filter:brightness(0) invert(1)}
.footer-technology-marks a:focus-visible,.footer-identity a:focus-visible{outline:2px solid #94f5b4;outline-offset:6px}
.marketing-footer .footer-summary{margin-bottom:0;color:#a9bcc1;font-size:.875rem;line-height:1.75}
.footer-contact{display:flex;flex-wrap:wrap;align-items:center;gap:0 1.25rem;margin-top:1rem;font-size:.875rem;font-style:normal;line-height:1.5}
.footer-contact-title{flex-basis:100%;color:#a9bcc1;font-weight:600}
.footer-contact a{display:inline-flex;align-items:center;gap:.5rem;min-height:44px;max-width:100%;color:#e0e9eb;text-underline-offset:4px}
.footer-contact a:hover{color:#94f5b4;text-decoration:underline}
.footer-contact a:focus-visible{outline:2px solid #94f5b4;outline-offset:4px;border-radius:3px}
.footer-contact svg{flex:none}
.footer-contact a span{overflow-wrap:anywhere}
@media(max-width:650px){.footer-brand-row{grid-template-columns:1fr;gap:1.25rem}.footer-technology-marks{width:100%}}
.architecture-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:26px 0}.architecture-flow>div{padding:18px;border:1px solid #385149;border-radius:14px;background:#11272b}.architecture-flow span{display:block;color:#94f5b4;font-size:13px;margin-bottom:10px}.architecture-flow strong{font-size:18px;line-height:1.4}.architecture-flow p{color:#b9cbc9;font-size:14px;line-height:1.6}
@media(max-width:650px){.architecture-flow{grid-template-columns:1fr}}
.evidence-device-time{display:block;width:100%;font-size:13px;font-weight:400;line-height:1.5;color:#536a70;overflow-wrap:anywhere;margin-top:4px}.timezone-hint{font-size:14px;line-height:1.6;color:#536a70;margin:0 0 16px}.timezone-hint a{color:inherit;text-decoration:underline;text-underline-offset:3px}.timezone-change-notice{position:fixed;inset-inline:16px;top:16px;z-index:10000;margin:auto;max-width:720px;padding:14px 18px;background:#eaf8ef;color:#183b29;border:1px solid #bfe5ce;border-radius:12px;box-shadow:0 6px 28px #102d2925}.timezone-change-notice[hidden]{display:none!important}
.event-row-with-image .evidence-device-time{max-width:230px;text-align:end}@media(max-width:1400px){.dashboard-grid .event-row-with-image .evidence-device-time{max-width:none;text-align:start}}
.panel-card.upload-delivery-status{padding:14px 18px;margin-block:16px;font-size:14px;line-height:1.5}
.upload-delivery-summary{display:flex;align-items:center;flex-wrap:wrap;gap:8px 20px}
.upload-delivery-heading{display:flex;align-items:center;flex-wrap:wrap;gap:10px}
.upload-delivery-heading>strong{font-size:15px;font-weight:650}
.upload-state{padding:3px 9px;border-radius:99px;font-size:12px;line-height:1.5;background:#edf5f1;color:#37584b}
.upload-state-attention{background:#fff2d9;color:#77500d}
.upload-delivery-pending{color:#536a70}
.upload-delivery-status .upload-guide{margin-inline-start:auto;font-size:13px}
.upload-delivery-status .upload-current-issue{margin:8px 0 0;color:#77500d;font-size:13px;line-height:1.6}
.upload-diagnostics>summary{cursor:pointer;font-size:13px;line-height:1.7;width:fit-content;padding-block:4px}
.panel-card .upload-diagnostics p{margin:6px 0 0;font-size:13px;line-height:1.65;color:#536a70;overflow-wrap:anywhere}
.upload-diagnostics{border-top:1px solid #dce5e4;margin-top:16px;padding-top:10px}
.panel-card .upload-diagnostics .text-link{display:inline-block;margin-top:8px;font-size:13px}
.upload-diagnostics>summary:focus-visible{outline:2px solid #287447;outline-offset:4px;border-radius:3px}
@media(max-width:650px){.panel-card.upload-delivery-status{padding:12px 14px}.upload-delivery-summary{gap:6px 12px}.upload-delivery-heading{flex-basis:100%}.upload-delivery-status .upload-guide{margin-inline-start:0}}
