/* Canonical text-button sizing, loaded after page styles. Important declarations
   intentionally override legacy mini/large sizes without changing colors. */
@media screen{
/* Preserve native hidden states even when a control receives button styling. */
.shell [hidden],.client-portal [hidden],.public-signing [hidden],[hidden]{display:none!important}

:root{--dpj-button-height:32px;--dpj-button-font:12px;--dpj-button-padding:11px}
.shell :is(.btn,button,.prospect-area-tabs a):not(.scope-area-entry>button):not(.scope-area-chip button):not(.crm-contact-days button):not(.crm-contact-month button):not([hidden]),

.client-portal :is(button,.button):not(header *):not([hidden]),
.public-signing :is(button,.btn):not([hidden]),
a.button:not([hidden]),
.dpj-inspection-page #request-form button:not(.scope-area-entry>button):not(.scope-area-chip button):not(.crm-contact-days button):not(.crm-contact-month button):not([hidden]){
box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
height:var(--dpj-button-height)!important;min-height:var(--dpj-button-height)!important;
padding:0 var(--dpj-button-padding)!important;font-size:var(--dpj-button-font)!important;line-height:16px!important;
font-family:Arial,Helvetica,sans-serif!important;font-weight:800!important;border-radius:6px!important;vertical-align:middle;
}
.shell .prospect-area-tabs{gap:6px;padding:7px;margin-bottom:15px}
.shell .prospect-area-tabs a{white-space:nowrap}
/* Long conversation choices may wrap instead of clipping their wording. */
.shell .sales-connection-choices button{height:auto!important;padding:8px 11px!important;white-space:normal!important}
/* Calendar day cells and icon-only removal controls retain their own geometry. */
.shell .crm-contact-days button,.shell .crm-contact-month button{padding:3px 8px!important;min-height:30px!important;height:30px!important;line-height:16px!important;font-size:12px!important}
.shell .scope-area-entry>button,.shell .scope-area-chip button{height:24px!important;min-height:24px!important;padding:0!important;line-height:1!important}
.shell :is(.btn,button,.prospect-area-tabs a):focus-visible{outline:3px solid #8bc9df;outline-offset:2px}
@media(max-width:600px){
:root{--dpj-button-height:44px;--dpj-button-font:13px;--dpj-button-padding:12px}
.shell .sales-connection-choices button{min-height:44px!important}
.shell .scope-area-entry>button,.shell .scope-area-chip button{height:30px!important;min-height:30px!important}
}
}

/* Clear interaction cues across the internal portal. */
@media screen{
.shell a[href],.topbar a[href],.shell button,.shell summary,.shell input[type=checkbox],.shell input[type=radio],.shell select{cursor:pointer}
.shell button:disabled,.shell input:disabled,.shell select:disabled{cursor:not-allowed}
.shell a[href],.shell button,.shell summary,.topbar a[href]{transition:background-color .15s,color .15s,box-shadow .15s}
.shell :is(a[href],button,summary,input,select,textarea):focus-visible,.topbar a[href]:focus-visible{outline:3px solid #2580aa;outline-offset:3px}
.shell summary{border-radius:7px}
.shell details.card>summary{padding:10px 12px}
.shell details.card[open]>summary{background:#e7f1f5}
.shell .quo-information-option{display:flex;align-items:flex-start;gap:14px;padding:18px;margin:18px 0 22px;border:2px solid #357b98;border-radius:10px;background:#edf7fc;cursor:pointer;line-height:1.45}
.shell .quo-information-option>input[type=checkbox]{display:block;flex:0 0 24px;width:24px;height:24px;margin:2px 0 0;padding:0;accent-color:#146b55}
.shell .quo-information-option>span{min-width:0}
.shell .quo-information-option strong{display:block;font-size:17px;color:#14334d}
.shell .quo-information-help{display:block;margin-top:4px;font-size:13px;font-weight:400;color:#355266}
.shell .quo-information-off,.shell .quo-information-on{display:block;margin-top:8px;font-size:12px;font-weight:800;color:#165d7b}
.shell .quo-information-on{display:none}
.shell .quo-information-option:has(input:checked){background:#e9f6ef;border-color:#146b55}
.shell .quo-information-option:has(input:checked) .quo-information-off{display:none}
.shell .quo-information-option:has(input:checked) .quo-information-on{display:block;color:#146b55}
.shell .quo-information-option:focus-within{outline:3px solid #2580aa;outline-offset:3px}
@media(hover:hover){
.shell a[href]:not(.btn):not(.button):hover{color:#0c4058;background-color:#dceef7;text-decoration:underline;text-underline-offset:3px}
.shell :is(.btn,button):not(:disabled):not([aria-disabled=true]):hover{filter:brightness(.92);box-shadow:0 0 0 2px #357b9866}
.shell summary:hover{background:#dceef7;color:#0c4058;box-shadow:inset 3px 0 #357b98}
.shell summary:hover :is(span,small,strong){color:inherit}
.shell label:has(>input[type=checkbox]):hover,.shell label:has(>input[type=radio]):hover{color:#165d7b}
.shell .quo-information-option:hover{background:#dceef7;border-color:#165d7b;box-shadow:0 3px 10px #14334d18}
.shell .quo-information-option:has(input:checked):hover{background:#d8efdf;border-color:#0d5846}
.shell select:not(:disabled):hover{border-color:#357b98}
}
@media(prefers-reduced-motion:reduce){.shell a[href],.shell button,.shell summary,.topbar a[href]{transition:none}}
}