/* Tactile, quiet depth across every button; retains existing brand colors. */
@media screen {
 button,.moreActions>summary,.mailLaunch {
  border:1px solid #ffffff24;
  box-shadow:inset 0 1px 0 #ffffff30,inset 0 -1px 0 #00000035,0 3px 0 #00000065,0 6px 12px #00000035!important;
  transition:transform .12s ease,box-shadow .12s ease,filter .12s ease;
 }
 button:active:not(:disabled),.moreActions>summary:active,.mailLaunch:active {transform:translateY(2px);box-shadow:inset 0 1px 3px #00000050,0 1px 0 #00000070,0 2px 4px #00000025!important;}
 button:focus-visible,.moreActions>summary:focus-visible,.mailLaunch:focus-visible {outline:3px solid #fff;outline-offset:4px;}
 button:disabled {box-shadow:inset 0 1px 0 #ffffff10,0 1px 2px #00000020!important;transform:none;}
 #modeBadge {display:none!important;}
 .documentCreate {margin-left:auto;justify-content:flex-end;gap:12px;}
 .documentKind {display:flex;align-items:center;gap:12px;margin:0 0 18px;flex-wrap:wrap;}
 .documentKind label {margin:0;}.documentKind select {width:auto;min-width:160px;}.documentKind p {flex-basis:100%;margin:0;}
 .moreActions {z-index:20;}.moreActions button {margin-top:8px;}
 #documentMailStatus {overflow-wrap:anywhere;}.mailLaunch {display:inline-block;padding:10px 14px;border-radius:9px;color:inherit;text-decoration:none;margin:8px;}
 #owner-sync .card {min-width:0;}#owner-sync .grid>div {min-width:0;}#owner-sync input {max-width:100%;}
 @media(hover:hover) {button:hover:not(:disabled),.moreActions>summary:hover {filter:brightness(1.12);}}
 @media(max-width:600px) {.documentCreate{width:100%;margin:6px 0 0;display:grid;grid-template-columns:1fr 1fr;}.documentCreate button{min-height:48px;white-space:normal;}.documentKind select{flex:1;}.nav button{white-space:normal;line-height:1.2;min-height:48px;}}
 @media(prefers-reduced-motion:reduce){button,.moreActions>summary{transition:none;}}
}