/* Stoneguard V16 — Mobile access, navigation, and SVG quick actions */
/* Public/auth site header */
.site-header .nav-toggle{display:none;align-items:center;justify-content:center;flex:0 0 auto}
.site-header .nav-toggle svg{width:21px;height:21px;display:block}
.site-header .nav-actions .pill{white-space:nowrap}
@media(max-width:900px){
 .site-header .nav-toggle{display:inline-flex}
 .site-header .nav-shell{gap:9px}
 .site-header .nav-actions{gap:7px;margin-left:auto}
 .site-header .nav-links.open{align-items:stretch}
 .site-header .nav-links a{font-size:13px;padding:10px 12px;border-radius:9px;width:100%}
 .site-header .nav-links a:hover{background:#edf7ff}
}
@media(max-width:520px){
 .site-header .container{width:calc(100% - 26px)}
 .site-header .nav-shell{padding:5px 9px;gap:6px;height:62px}
 .site-header .brand{font-size:16px;letter-spacing:-.85px;gap:5px}
 .site-header .brand img{width:32px;height:41px}
 .site-header .nav-actions{gap:5px}
 .site-header .nav-actions .pill:first-child{display:inline-flex!important}
 .site-header .nav-actions .pill{display:inline-flex;align-items:center;justify-content:center;font-size:10px;padding:8px 9px;height:34px;border-radius:10px}
 .site-header .nav-toggle{width:37px;height:38px;padding:0;border-radius:11px}
 .site-header .nav-links{left:13px;right:13px;top:79px;padding:14px}
}
@media(max-width:374px){
 .site-header .container{width:calc(100% - 16px)}
 .site-header .nav-shell{padding:5px 7px;gap:4px}
 .site-header .brand{font-size:14px;gap:4px}
 .site-header .brand img{width:28px;height:35px}
 .site-header .nav-actions .pill{font-size:9px;padding:7px 7px}
 .site-header .nav-toggle{width:34px;height:36px}
}
/* Register fields: two columns on desktop, clear touch targets on mobile */
.sg16-name-grid{margin-bottom:0}
@media(max-width:520px){.sg16-name-grid{grid-template-columns:1fr;gap:0}}
/* Dashboard hamburger button */
#menu-toggle svg{display:block;width:22px;height:22px}
.sg16-sidebar-top{display:none}
.sg16-nav-backdrop[hidden]{display:none!important}
@media(max-width:760px){
 body.sg16-menu-open{overflow:hidden}
 .sidebar{left:0!important;top:0!important;z-index:110!important;width:min(305px,84vw)!important;height:100dvh!important;overflow-y:auto;overscroll-behavior:contain;box-shadow:15px 0 50px rgba(11,40,75,.20);transition:transform .23s ease,visibility .23s ease!important}
 .sidebar.open{transform:translateX(0)!important;visibility:visible!important}
 .sg16-nav-backdrop{position:fixed;inset:0;background:rgba(13,32,59,.42);z-index:100;backdrop-filter:blur(2px)}
 .sg16-sidebar-top{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 8px 15px;font-size:11px;font-weight:900;letter-spacing:1.5px;color:#7390aa;text-transform:uppercase}
 #sg16-sidebar-close{border:1px solid #dcebf7;background:#eff8ff;border-radius:10px;color:#1d7cc2;width:37px;height:37px;display:grid;place-items:center}
 #sg16-sidebar-close svg{width:19px;height:19px;display:block}
 #menu-toggle{display:grid;place-items:center;width:43px;height:43px;flex:0 0 43px;padding:0}
}
/* Quick access: vector artwork instead of emoji arrows */
#overview .quick-grid button{grid-template-columns:42px minmax(0,1fr) 28px;gap:10px;align-items:center}
#overview .quick-grid .quick-icon{width:40px;height:40px}
#overview .quick-grid .quick-icon svg{display:block;width:21px;height:21px}
#overview .quick-grid .quick-arrow{display:flex;align-items:center;justify-content:center;grid-column:3;grid-row:1/3;width:28px;height:28px;color:#227fcb;border:1px solid #dbeefa;border-radius:9px;background:#f0f9ff}
#overview .quick-grid .quick-arrow svg{display:block;width:15px;height:15px;stroke-linecap:round;stroke-linejoin:round}
#overview .quick-grid button:hover .quick-arrow{background:#158ce6;color:white;border-color:#158ce6}
#overview .quick-grid button b,#overview .quick-grid button small{min-width:0}
#overview .quick-grid button b{font-size:12px}
#overview .quick-grid button small{font-size:10px}
.banner-button{display:inline-flex;align-items:center;justify-content:center;gap:10px}
.sg16-button-arrow{display:inline-flex;align-items:center;justify-content:center}
.sg16-button-arrow svg{width:17px;height:17px;display:block}
@media(max-width:500px){#overview .quick-grid button{grid-template-columns:39px minmax(0,1fr) 28px;padding:12px;column-gap:10px}#overview .quick-grid .quick-icon{width:39px;height:39px}}