.dogs-heading{display:flex;justify-content:space-between;align-items:start;gap:20px}.dogs-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.dogs-grid .panel{margin:0}.dogs-grid .actions{display:flex;flex-direction:column;gap:10px}.dogs-grid .actions>*{flex:0 0 auto!important;min-height:48px;margin:0}.dogs-grid a:not(.primary){display:flex;align-items:center;justify-content:center;border:1px solid #95b7a8;border-radius:10px;padding:10px;text-decoration:none}#add-dog{max-width:440px}#add-dog input{font-size:16px}@media(max-width:740px){.dogs-grid{grid-template-columns:1fr}.dogs-heading{display:block}}
.dogs-header{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.dogs-header .brand{flex:0 0 190px}.dogs-nav{position:relative}.dogs-nav>summary{display:none}.dogs-nav nav{display:flex;gap:16px;align-items:center}.dogs-nav a{margin:0;font-size:15px}.dogs-identity{margin-left:auto;display:flex;align-items:center;gap:10px;font-size:13px}#connected .dogs-heading #refresh-dogs,#connected-signout{min-height:36px!important;padding:6px 10px!important;font-size:13px!important;font-weight:500!important;background:transparent;border:1px solid #b5cbbf}#add-dog-panel>summary{font-size:17px;font-weight:650;cursor:pointer;min-height:32px}#add-dog-panel form{margin-top:16px}#connected .dogs-heading h1{margin-top:0}.dogs-heading{margin-bottom:20px}
@media(max-width:740px){header.dogs-header{padding:14px 18px;gap:8px 14px}.dogs-header .brand{flex:0 0 166px}.dogs-nav{margin-left:auto}.dogs-nav>summary{display:block;border:1px solid #9dbaab;border-radius:10px;padding:10px 14px;font-size:15px;cursor:pointer}.dogs-nav nav{position:absolute;right:0;top:48px;z-index:20;min-width:180px;display:flex;flex-direction:column;align-items:stretch;background:white;border:1px solid #b5cbbf;border-radius:10px;padding:10px;box-shadow:0 8px 20px #163c3420}.dogs-nav:not([open]) nav{display:none}.dogs-nav a{padding:10px}.dogs-identity{flex-basis:100%;justify-content:flex-end;gap:8px;font-size:12px}.dogs-heading{display:flex;align-items:center;gap:10px}.dogs-heading h1{font-size:28px}.dogs-heading p{font-size:15px}.dogs-heading #refresh-dogs{flex:none}#add-dog-panel{padding:16px;margin:12px 0 18px}.dogs-grid .panel{padding:20px}.dogs-grid h2{font-size:23px}}