/* Tablet controls and signing are shared by all three appearances. */
#signature-canvas{display:block;width:100%;height:240px;touch-action:none;overscroll-behavior:contain;user-select:none;-webkit-user-select:none}
.signature-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.signature-inline-actions,.signature-dialog-buttons{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.signature-inline-actions .button,.signature-dialog .button{min-height:44px}
#signature-dialog{position:fixed;inset:0;margin:0;padding:0;border:0;border-radius:0;width:100%;max-width:none;height:100vh;height:100dvh;max-height:100dvh;background:var(--surface,#fff);color:var(--ink,#172b3c);overflow:hidden;box-sizing:border-box}
#signature-dialog[open]{display:flex;flex-direction:column}
#signature-dialog::backdrop{background:#081523c9}
.signature-dialog-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:16px 24px;border-bottom:1px solid var(--line,#c9d4df);flex-shrink:0}
.signature-dialog-header h2{margin:0;font-size:1.25rem}
.signature-dialog-header p{margin:4px 0 0}
.signature-dialog-body{display:flex;flex:1;min-height:0;padding:16px 24px}
.signature-full-surface{position:relative;flex:1;min-width:0;min-height:0;background:#fff;border:2px dashed #59748a;border-radius:10px;overflow:hidden;color-scheme:light}
#signature-full-canvas{display:block;width:100%;height:100%;touch-action:none;overscroll-behavior:contain;user-select:none;-webkit-user-select:none}
.signature-dialog-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 24px max(12px,env(safe-area-inset-bottom));border-top:1px solid var(--line,#c9d4df);flex-shrink:0}
#signature-dialog-status{margin:0;flex:1;min-width:180px;font-size:.95rem}
#install-dialog{max-width:min(640px,calc(100vw - 24px));max-height:90vh;max-height:90dvh;overflow:auto}
.install-steps{padding-left:24px;line-height:1.7}.install-steps li{margin:12px 0}
html[data-density="compact"] .main-content{padding:20px 20px 28px}
html[data-density="compact"] .topbar{min-height:64px;padding:10px 20px}
html[data-density="compact"] .page-head{margin-bottom:18px;gap:14px}
html[data-density="compact"] :is(.card-body,.card-head,.form-section .card-head,.form-section .card-body,.metric,.toolbar){padding:16px}
html[data-density="compact"] :is(.form-grid,.dashboard-grid,.editor-grid,.editor-side,.stack){gap:16px}
html[data-density="compact"] .form-section{margin-bottom:16px}
html[data-density="compact"] :is(input:not([type="checkbox"]):not([type="radio"]),select){min-height:44px;padding-top:8px;padding-bottom:8px}
html[data-density="compact"] textarea{padding:9px 12px}
html[data-density="compact"] :is(.button,.button.compact,.quick-text){min-height:44px;padding:8px 12px}
html[data-density="compact"] :is(td,th){padding:12px 14px}
html[data-density="compact"] .section-nav{gap:8px;padding:12px 16px}
@media(max-width:1200px){
 html:not([data-appearance="current"]) .sidebar{transform:translateX(-100%);width:280px;max-width:88vw;z-index:80}
 html:not([data-appearance="current"]) .sidebar.open{transform:translateX(0)}
 html:not([data-appearance="current"]) .sidebar-shade{display:block;position:fixed;inset:0;background:#0009;border:0;z-index:75}
 html:not([data-appearance="current"]) .workspace{margin-left:0;width:100%}
 html:not([data-appearance="current"]) .mobile-menu{display:inline-flex!important}
 html:not([data-appearance="current"]) :is(.breadcrumb,.breadcrumb-divider,.topbar-right #today-label){display:none}
 html:not([data-appearance="current"]) :is(.settings-grid,.transfer-grid){grid-template-columns:minmax(0,1fr)}
}
@media(min-width:680px) and (max-width:760px){html[data-density="compact"] .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}html[data-density="compact"] .form-grid>.span-2{grid-column:1/-1}}
@media(max-width:600px){
 html[data-density="compact"] .main-content{padding:18px 12px 24px}
 html[data-density="compact"] .topbar{padding:10px 12px}
 .signature-dialog-header{padding:12px 16px}.signature-dialog-body{padding:12px}
 .signature-dialog-actions{padding:10px 12px max(10px,env(safe-area-inset-bottom));gap:8px}
 .signature-dialog-buttons{width:100%;gap:8px}.signature-dialog-buttons .button{flex:1;padding:8px}
 #signature-dialog-status{font-size:.875rem}
}
@media(max-height:540px){.signature-dialog-header{padding:8px 16px}.signature-dialog-header p{display:none}.signature-dialog-body{padding:8px 16px}.signature-dialog-actions{padding:8px 16px}.signature-dialog-actions #signature-dialog-status{font-size:.85rem}.signature-dialog-buttons{width:auto}}
@media print{#signature-dialog,#install-dialog{display:none!important}}