/* Gmail receipts (gmail.js): the one-line status on Expenses, the Integrations row and the look-back picker. */

.gmail-logo{width:22px;height:22px;flex:none;display:block}

.gm-strip{padding:14px 18px;border-radius:24px;margin:0 0 16px}
.gm-one{display:flex;align-items:center;gap:12px;flex-wrap:wrap;min-height:44px;padding:8px 14px 8px 16px;border-radius:22px}
.gm-one-txt{flex:1 1 200px;min-width:0;font-size:14px;color:var(--ink-2);overflow-wrap:anywhere;display:flex;align-items:center;gap:8px}
.gm-one .btn,.gm-one .gm-link{flex:none}
.gm-one .gm-link{min-height:44px;padding:0 8px;margin:0}
.gm-dot{width:7px;height:7px;border-radius:50%;flex:none;background:var(--hair-2);transform:translateY(-1px)}
.gm-dot.is-on{background:var(--orange);box-shadow:0 0 0 3px rgba(233,79,27,.2);animation:gm-pulse 1.4s ease-in-out infinite}
@keyframes gm-pulse{50%{box-shadow:0 0 0 6px rgba(233,79,27,0)}}
.gm-spin{width:12px;height:12px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;display:inline-block;margin-right:6px;animation:gm-spin .8s linear infinite;flex:none}
@keyframes gm-spin{to{transform:rotate(360deg)}}
.gm-err{color:var(--orange-ink)}
@media (prefers-reduced-motion:reduce){.gm-dot.is-on,.gm-spin{animation:none}}

.gm-cx-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.gm-cx-item{display:flex;flex-direction:column;gap:8px;min-width:0}
.gm-cx-item .gm-start{margin:0;padding:0;box-shadow:none}

/* How far back: picked once after connecting (Integrations row), then Start scan */
.gm-start{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;margin:12px 0 0;padding:12px 0 0 46px;box-shadow:inset 0 1px 0 var(--hair)}
.gm-lb-l{margin:0;font-weight:600;font-size:14px;flex:none}
.gm-seg{flex:0 1 auto;min-width:0}
.gm-seg button{padding:0 12px}
.gm-note{flex:1 0 100%;margin:0;font-size:13px;color:var(--ink-2)}
.gm-link{font:inherit;font-weight:600;color:var(--orange-ink);background:none;border:0;padding:2px 4px;margin:-2px 0;border-radius:6px;cursor:pointer}
.gm-link:hover{text-decoration:underline}
.gm-seg button:focus-visible,.gm-link:focus-visible,.gm-strip .btn:focus-visible{outline:2px solid var(--orange);outline-offset:2px}

@media (max-width:640px){
  .gm-start{padding-left:0}
  .gm-seg{flex:1 1 100%;display:flex}
  .gm-seg button{flex:1;padding:0 4px}
  .gm-start .btn{flex:1 1 100%;justify-content:center}
}

/* Expenses: which inbox each expense came from, the full address, wrapping on phones; and the Inbox picker */
.exp-row .row-sub{overflow-wrap:anywhere}
.gm-inbox{display:inline-flex;align-items:center;height:42px;border-radius:999px;max-width:100%;min-width:0;position:relative}
.gm-inbox select{appearance:none;-webkit-appearance:none;font:inherit;font-size:16px;color:inherit;background:none;border:0;height:44px;padding:0 16px;max-width:100%;min-width:0;text-overflow:ellipsis;border-radius:999px;cursor:pointer}
.gm-inbox select:focus-visible{outline:2px solid var(--orange);outline-offset:2px}
@media (max-width:640px){.gm-inbox{width:100%}.gm-inbox select{width:100%}}
.edit-intro{overflow-wrap:anywhere}