.sig-topbar{position:sticky;top:0;z-index:80;display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#10243f,#0f56b3);color:#fff;border-bottom:1px solid rgba(255,255,255,.16);padding:10px 18px;box-shadow:0 12px 28px rgba(16,36,63,.16)}.sig-topbrand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:950;white-space:nowrap}.sig-topbrand img{width:34px;height:34px;object-fit:contain}.sig-topbar button,.sig-topbar select,.sig-topbar input{box-shadow:none}.sig-topbar .secondary{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.28)}.sig-topbar select,.sig-menu select,.sig-menu input{border:1px solid var(--line);border-radius:10px;padding:8px 10px;background:#fff;color:var(--ink);font-weight:800}.sig-spacer{flex:1}.sig-pill{border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.12);border-radius:999px;padding:7px 10px;font-size:12px;font-weight:900;white-space:nowrap}.sig-account{position:relative}.sig-menu{display:none;position:absolute;right:0;top:calc(100% + 8px);width:330px;background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:16px;box-shadow:0 24px 60px rgba(16,36,63,.22);padding:14px;z-index:100}.sig-menu.open{display:block}.sig-menu-title{font-weight:950;margin-bottom:4px}.sig-menu-sub{font-size:12px;color:var(--muted);margin-bottom:12px;line-height:1.35}.sig-menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sig-menu-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.sig-menu label{color:var(--muted)}#publicSettingsCard{display:none!important}.sig-modal{display:none;position:fixed;inset:0;background:rgba(16,36,63,.48);z-index:120;align-items:flex-start;justify-content:center;padding:62px 18px 18px}.sig-modal.open{display:flex}.sig-modal-card{width:min(780px,100%);max-height:calc(100vh - 92px);overflow:auto;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 28px 80px rgba(16,36,63,.28);padding:18px}.sig-modal-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.sig-modal-head h2{margin:0;color:var(--ink)}.sig-template-tools{display:grid;grid-template-columns:1.2fr 1fr auto;gap:10px;align-items:end;margin-bottom:12px}.sig-template-list{display:grid;gap:10px}.sig-template-item{display:flex;justify-content:space-between;gap:12px;align-items:center;border:1px solid var(--line);border-radius:14px;padding:12px;background:linear-gradient(180deg,#fff,var(--soft))}.sig-template-item b{display:block;color:var(--ink)}.sig-template-item span{font-size:12px;color:var(--muted);line-height:1.35}.sig-template-actions{display:flex;gap:8px}.sig-empty{border:1px dashed var(--line);border-radius:14px;padding:16px;color:var(--muted);background:var(--soft);text-align:center}.sig-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:10px 0}.sig-stat-grid div{border:1px solid var(--line);border-radius:14px;background:var(--soft);padding:12px}.sig-stat-grid b{display:block;font-size:24px;color:var(--ink)}.sig-stat-grid span{font-size:12px;color:var(--muted)}.sig-table{overflow:auto;border:1px solid var(--line);border-radius:12px}.sig-table table{width:100%;border-collapse:collapse}.sig-table th,.sig-table td{padding:8px 10px;border-bottom:1px solid var(--line);font-size:13px;text-align:left}.sig-error{border:1px solid #ffc9c9;background:#fff2f2;color:#9b1c1c;border-radius:12px;padding:10px;margin-top:10px}@media(max-width:900px){.sig-topbar{flex-wrap:wrap}.sig-spacer{display:none}.sig-menu{right:auto;left:0;width:min(330px,calc(100vw - 36px))}.sig-template-tools{grid-template-columns:1fr}.sig-stat-grid{grid-template-columns:1fr 1fr}}
@media print{.sig-topbar,.sig-modal{display:none!important}}

/* V4 account/dropdown fixes */
.sig-topbar > button.secondary,
.sig-topbar > .sig-account > button.secondary { background:rgba(255,255,255,.12); color:#fff; border:1px solid rgba(255,255,255,.28); }
.sig-menu button.secondary { background:#fff; color:var(--ink); border:1px solid var(--line); }
.sig-menu button.secondary:hover { background:var(--soft); }
.sig-menu button { color:#fff; }
.sig-menu .sig-menu-actions button { min-height:38px; }
.sig-signed-info{border:1px solid var(--line);background:var(--soft);border-radius:12px;padding:10px;font-size:12px;color:var(--muted);font-weight:800;margin-bottom:10px;line-height:1.4}
body.is-authenticated #topAuthFormGrid > div:nth-child(n+3){display:none!important}
body.is-authenticated #topGoogleBtn,
body.is-authenticated #topSignInEmailBtn,
body.is-authenticated #topRegisterEmailBtn{display:none!important}
body:not(.is-authenticated) #topSignOutBtn{display:none!important}
.admin-only{display:none!important}
body.is-admin .admin-only{display:inline-flex!important}
.sig-cloud.cloud-ok{background:rgba(58,174,106,.18);border-color:rgba(101,218,145,.42)}
.sig-cloud.cloud-save{background:rgba(255,204,102,.22);border-color:rgba(255,225,139,.48)}
.sig-cloud.cloud-off{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.20)}
.sig-cloud.cloud-error{background:rgba(255,95,95,.22);border-color:rgba(255,154,154,.45)}
@media(max-width:720px){.sig-pill{white-space:normal}.sig-menu{left:auto;right:0;width:min(360px,calc(100vw - 24px))}}

/* V5 account/profile refinements */
body.is-authenticated .auth-login-only{display:none!important}
body.is-authenticated #topSignOutBtn{display:inline-flex!important}
body:not(.is-admin) .admin-only{display:none!important}
.sig-account .sig-menu{min-width:380px}
.sig-menu-actions button[disabled]{opacity:.72;cursor:default;box-shadow:none}
.sig-invoice-list{display:grid;gap:8px;margin-top:10px}
.sig-invoice-item{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:10px;background:#fff}
.sig-invoice-item b{display:block;color:var(--ink)}
.sig-invoice-item span{display:block;color:var(--muted);font-size:12px;line-height:1.35}
.sig-invoice-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}

/* V37 mobile workflow shell */
html,body{max-width:100%;overflow-x:hidden;}
@media(max-width:760px){
  .sig-topbar{position:sticky;top:0;z-index:90;display:grid!important;grid-template-columns:1fr 1fr;gap:10px;padding:12px;background:linear-gradient(155deg,#10243f,#0f56b3);align-items:stretch;}
  .sig-topbrand{grid-column:1/-1;min-width:0;white-space:normal;align-items:center;padding:4px 2px;}
  .sig-topbrand span{font-size:20px;line-height:1.1;overflow-wrap:anywhere;}
  .sig-topbrand img{width:42px;height:42px;}
  .sig-spacer{display:none!important;}
  .sig-topbar>button,.sig-topbar>.sig-pill,.sig-topbar>.sig-account{width:100%;min-width:0;max-width:100%;}
  .sig-topbar>button,.sig-topbar>.sig-pill,.sig-account>button{min-height:44px;justify-content:center;text-align:center;border-radius:12px;}
  .sig-topbar select{grid-column:1/-1;width:100%;min-height:48px;font-size:16px;border-radius:14px;}
  .sig-account{grid-column:1/-1;position:static;}
  .sig-account .sig-menu,.sig-menu{position:fixed!important;left:10px!important;right:10px!important;top:calc(env(safe-area-inset-top,0px) + 72px)!important;width:auto!important;min-width:0!important;max-width:none!important;max-height:calc(100dvh - 86px);overflow:auto;overscroll-behavior:contain;border-radius:18px;padding:16px;}
  .sig-menu-grid{grid-template-columns:1fr;}
  .sig-menu-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
  .sig-menu-actions button,.sig-menu-actions a{width:100%;min-height:44px;}
  .app{display:block;padding:0;background:var(--bg);}
  .panel{position:relative;top:0;max-height:none;border-radius:0;border-left:0;border-right:0;box-shadow:none;}
  .panel-head{padding:18px 16px;}
  .panel-body{padding:12px;display:block;overflow:visible;}
  .panel-body>.group{margin-bottom:12px;border-radius:16px;}
  .preview-wrap{justify-content:center;align-items:flex-start;padding:12px;overflow:auto;background:#dfe8f3;}
  .invoice{width:210mm;min-height:297mm;transform-origin:top center;transform:scale(min(1,calc((100vw - 24px) / 794)));}
}
@media(max-width:420px){
  .sig-topbar{grid-template-columns:1fr 1fr;padding:10px;}
  .sig-menu-actions{grid-template-columns:1fr;}
}