.fleet-connection{display:inline-flex;align-items:center;gap:.5rem;border:1px solid #879f96;border-radius:99px;padding:.4rem .75rem;color:#214e40;background:#edf8f1;font:600 13px/1.3 system-ui;text-decoration:none;white-space:normal}.fleet-connection::before{content:"";width:.55rem;height:.55rem;border-radius:50%;background:#287d4c;flex-shrink:0}.fleet-connection[data-connection=offline],.fleet-connection[data-connection=unavailable],.fleet-connection[data-connection=signed-out]{background:#fff3d8;color:#674500;border-color:#b88a37}.fleet-connection[data-connection=offline]::before,.fleet-connection[data-connection=unavailable]::before,.fleet-connection[data-connection=signed-out]::before{background:#ac7619}.fleet-connection[data-connection=syncing],.fleet-connection[data-connection=checking]{background:#eaf3fc;color:#285376}.fleet-offline{font:16px/1.5 system-ui,sans-serif;color:#203c31;background:#f1f5f2;margin:0}.fleet-offline *{box-sizing:border-box}.fleet-offline header,.fleet-offline main{max-width:1000px;margin:auto;padding:20px}.fleet-offline header{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.fleet-offline h1{font-size:1.5rem;flex:1}.fleet-offline a{color:#245a47}.offline-card{border:1px solid #b3c5bd;border-radius:12px;background:#fff;padding:20px;margin:18px 0;overflow-wrap:anywhere}.offline-hint{color:#4c6458}.offline-warning{border-left:4px solid #ae7719;background:#fff4dc;padding:12px}.offline-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.fleet-offline button{padding:10px 14px;border:1px solid #769f8d;border-radius:7px;background:#fff;color:#203c31;cursor:pointer;font:inherit}.fleet-offline button:disabled{opacity:.55;cursor:default}.fleet-offline form{display:grid;gap:14px;max-width:720px}.fleet-offline label{display:grid;gap:5px}.fleet-offline input,.fleet-offline select,.fleet-offline textarea{font:inherit;padding:10px;border:1px solid #8ba89b;border-radius:5px;width:100%}.fleet-offline textarea{min-height:90px}.fleet-offline input[type=checkbox]{width:auto}.fleet-offline .offline-check{display:flex;align-items:flex-start}.fleet-offline [role=alert]{color:#8c241f}.offline-history{border-top:1px solid #cedad3;padding-top:12px;margin-top:14px}.fleet-offline summary{cursor:pointer}.fleet-offline :focus-visible{outline:3px solid #246dc1;outline-offset:3px}@media(max-width:600px){.fleet-offline header,.fleet-offline main{padding:12px}.offline-card{padding:14px}.fleet-offline h1{flex-basis:55%}.topbar{flex-wrap:wrap;height:auto;min-height:68px}.account-tools{flex-wrap:wrap}}