body{margin:0;background:var(--ui-page);color:var(--ui-text);font-family:Calibri,Arial,sans-serif}.portal-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 24px;background:var(--ui-header);color:var(--ui-on-header)}.portal-header form{margin:0}.portal-page{padding:24px;max-width:1600px;margin:auto}.portal-card{padding:20px;border:1px solid var(--ui-line);margin:20px 0;background:var(--ui-surface)}.portal-narrow{max-width:590px;margin:24px auto}.portal-card label{display:block;margin:14px 0 6px}.portal-card input:not([type=hidden]){width:100%;box-sizing:border-box}.portal-card form>button{margin-top:16px}.portal-success{color:var(--ui-success)}.portal-code{font-size:64px;letter-spacing:10px;display:block;text-align:center;margin:24px 0;color:var(--ui-primary)}.portal-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--ui-line)}.portal-trips{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.portal-trips button{padding:20px;text-align:left;min-height:100px}.portal-trips button strong,.portal-trips button span{display:block}.portal-trips button[aria-pressed=true]{background:var(--ui-selection);border-color:var(--ui-primary)}#driver-signature{display:block;width:100%;max-width:800px;height:200px;border:1px solid var(--ui-control-border);background:var(--ui-paper);touch-action:none;margin-bottom:16px}.portal-trips button span{margin-top:8px;color:var(--ui-muted)}@media(max-width:600px){.portal-page{padding:14px}.portal-header{padding:12px 14px}.portal-toolbar{align-items:start}.portal-code{font-size:48px;letter-spacing:6px}}

.portal-page button{display:inline-flex;align-items:center;justify-content:center;gap:8px}.portal-trips button{display:block}.portal-toolbar{flex-wrap:wrap}

.portal-brand{color:inherit;text-decoration:none;font-weight:700}.portal-apps{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),360px));gap:16px}.portal-app{display:grid;grid-template-columns:auto 1fr;gap:12px;padding:20px;border:1px solid var(--ui-line);color:var(--ui-text);text-decoration:none}.portal-app-description{grid-column:2;color:var(--ui-muted)}.portal-app:hover{border-color:var(--ui-primary);background:var(--ui-selection)}

.portal-header{flex-wrap:wrap}.portal-header #portal-user{min-width:0;overflow-wrap:anywhere}