/* Desktop command buttons share the reference's restrained raised bevel.
   Caption, icon, toolbar, calendar, and tree controls keep their own geometry. */
body.vertex-desktop :is(#content,#modalBody) :is(button.btn,button.button,input[type=button],input[type=submit]):not(:is(.icon-button,.modal-close,.vx-window-close,.vn-caption-close,.rwc-close,.rwc-pin,.ve-tree-button,.vn-calendar-button,.profit-amount,.invoice-profit-hold,.mc-icon,.report-icon-button)){border-radius:0!important;border:1px solid!important;border-color:#fff #858585 #858585 #fff!important;background:linear-gradient(#fafafa,#e5e5e5)!important;color:#111!important;box-shadow:inset 1px 1px 0 #fdfdfd,inset -1px -1px 0 #c2c2c2!important;font-family:Arial,sans-serif!important;min-height:25px;padding:3px 9px;}
body.vertex-desktop :is(#content,#modalBody) :is(button.btn,button.button):not(:is(.icon-button,.rwc-close,.rwc-pin,.ve-tree-button,.vn-calendar-button)):not(:disabled):active{border-color:#858585 #fff #fff #858585!important;background:#dfdfdf!important;box-shadow:inset 1px 1px 2px #aaa!important;}
body.vertex-desktop :is(#content,#modalBody) :is(button.btn,button.button,input[type=button],input[type=submit]):disabled{color:#858585!important;cursor:default;opacity:.65;}
body.vertex-desktop :is(#content,#modalBody) :is(button.btn,button.button):focus-visible{outline:2px solid #346e9a;outline-offset:1px}
body.vertex-desktop :is(#content,#modalBody) :is(button.btn,button.button,input[type=button],input[type=submit]):not(:disabled){font-weight:600!important;color:#080808!important}
/* Match captions and editable filter values to the approved button typography. */
body.vertex-desktop :is(#content,#modalBody) :is(label,legend,input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea,.report-amount-search,.rll-search,.rd-controls){font-family:Arial,sans-serif!important;font-size:12px!important;font-weight:600!important;color:#080808!important}
body.vertex-desktop :is(#content,#modalBody) :is(input,textarea)::placeholder{font-family:Arial,sans-serif;font-size:12px;font-weight:600;color:#666;opacity:1}

/* Shared screen skin from the supplied Venicia customer-list reference.
   Use existing command containers: moving live forms would discard handlers.
   Financial print/export templates retain their separate approved designs. */
@media screen {
 .cd-choice-dialog{width:min(620px,90vw);max-width:100%;font-family:Arial,sans-serif}
 .cd-choice-dialog>input{width:100%;box-sizing:border-box;padding:9px;margin:8px 0;border:1px solid #91aac1}
 .cd-choice-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px;max-height:55vh;overflow:auto;padding:5px}
 .cd-choice-item{display:flex;flex-direction:column;align-items:flex-start;gap:5px;border:1px solid #9bb4c8;background:#edf4fa;border-radius:5px;padding:12px;text-align:right;cursor:pointer;color:#153957;font:13px Arial}
 .cd-choice-item:hover,.cd-choice-item:focus-visible{background:#dcecf8;outline:2px solid #2474af;outline-offset:-2px}
 .cd-choice-item span{color:#536878;font-size:12px}
 body.vertex-desktop #content .cd-reference-pickers{display:grid;grid-template-columns:minmax(0,1fr) 64px;gap:4px}
 body.vertex-desktop #content .cd-reference-actions{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-top:5px}
 body.vertex-desktop #content .cd-reference-search{display:grid;gap:5px}
 body.vertex-desktop #content .cd-filter-actions>button[type=submit]{display:none}
 body.vertex-desktop #content .cd-advanced-filters{border:1px solid #999;padding:4px;font:600 12px Arial}
 body.vertex-desktop #content .cd-advanced-filters summary{cursor:pointer;padding:3px}
 body.vertex-desktop #content .cd-advanced-filters[open]{display:grid;gap:5px}
 body.vertex-desktop #content .sales-register-side{background:#b8b8b5!important;border:1px solid #aaa!important;border-radius:0!important;padding:7px!important}
 body.vertex-desktop #content .sales-register-side .btn{background:#f3f3f0!important;min-height:27px!important;border-radius:0!important;font:600 12px/18px Arial!important}
 body.vertex-desktop #content .sales-register-side :is(input,select){background:#dce9ba!important;border:2px inset #ddd!important;height:25px!important;min-height:25px!important;border-radius:0!important}
 body.vertex-desktop #content .sales-register-side input[type=date]{background:#fff!important}
 body.vertex-desktop {--vn-work:#ababaa;--vp-grid:#ababaa;--vn-search:#dce9ba;--vn-blue:#2169b1}
 body.vertex-desktop :is(#content,#modalBody) :is(.cd-sidebar,.vp-sidebar,.cw-filters,.rd-sidebar,.report-controls,.vx-filter,.filters){
  background:#b8b8b5!important;border-radius:0!important;border:1px solid #aaa!important;box-shadow:inset 1px 1px #ededeb!important;color:#111;
 }
 body.vertex-desktop :is(#content,#modalBody) :is(.cd-sidebar,.vp-sidebar,.cw-filters,.rd-sidebar,.report-controls,.vx-filter,.filters) :is(button.btn,button.button,input[type=button],input[type=submit]){
  min-height:27px!important;line-height:18px!important;padding:2px 7px!important;background:#f3f3f0!important;border-color:#fff #858582 #858582 #fff!important;border-radius:0!important;box-shadow:inset -1px -1px #d6d6d2!important;font:600 12px/18px Arial,sans-serif!important;
 }
 body.vertex-desktop :is(#content,#modalBody) :is(.cd-sidebar,.vp-sidebar,.cw-filters,.rd-sidebar,.report-controls,.vx-filter,.filters) :is(input[type=search],input[type=text],input:not([type]),select){
  background:#dce9ba!important;border:2px inset #ddd!important;border-radius:0!important;min-width:0;max-width:100%;height:25px!important;box-sizing:border-box;padding:1px 4px!important;
 }
 body.vertex-desktop :is(#content,#modalBody) :is(.cd-sidebar,.vp-sidebar,.cw-filters,.rd-sidebar,.report-controls,.vx-filter,.filters) :is(input[type=date],input[type=datetime-local]){
  background:#fff!important;border:2px inset #ddd!important;border-radius:0!important;max-width:100%;min-width:0;height:25px!important;box-sizing:border-box;
 }
 body.vertex-desktop .rc-directory .cd-sidebar{padding:7px!important;background:#b8b8b5!important}
 body.vertex-desktop .rc-directory .cd-commandbar{gap:7px!important}
 body.vertex-desktop .rc-directory .rc-sidebar-title{background:transparent!important;color:#172b40!important;border:0!important;text-align:right;font:600 12px Arial!important;margin:0 0 7px!important;padding:0!important}
 body.vertex-desktop .rc-directory .cd-sidebar .master-arrow{background:#f3f3f0!important;border:1px outset #ddd!important}
 body.vertex-desktop .rc-directory .cd-table :is(th,td){height:20px!important;padding:1px 5px!important;line-height:17px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 body.vertex-desktop :is(.cd-table,.cw-report table,.rd-result table,.trial-table) thead th{background:#2169b1!important;color:#fff!important;border-color:#c5d4df!important}
 body.vertex-desktop :is(.cd-table,.cw-report table,.rd-result table,.trial-table,.data-table) tbody tr:is(.cd-selected,.rd-selected,.rwc-selected) td{background:#007cc7!important;color:#fff!important}
 body.vertex-desktop :is(#content,#modalBody) .rwc-caption{background:linear-gradient(#90abc7,#b8d0e6 70%,#d9e5ef)!important;color:#263d54!important}
 body.vertex-desktop :is(#content,#modalBody) .rwc-caption :is(h1,h2){font-family:Arial,sans-serif!important;font-size:13px!important;font-weight:600!important}
 body.vertex-desktop :is(#content,#modalBody) :is(.cd-sidebar,.vp-sidebar,.cw-filters,.rd-sidebar,.report-controls,.vx-filter,.filters) button:not(:disabled):focus-visible{outline:1px dotted #111!important;outline-offset:-4px!important}
}
@media screen and (min-width:701px){
 body.vertex-desktop .sales-register-workspace{grid-template-columns:minmax(0,1fr) 206px!important;gap:5px!important;align-items:start}
 body.vertex-desktop .sales-register-main{grid-column:1;grid-row:1}
 body.vertex-desktop .sales-register-side{grid-column:2;grid-row:1;position:sticky;top:4px;max-height:calc(100vh - 175px);overflow:auto}
 body.vertex-desktop .sales-register-side :is(.form-grid,.actions){display:flex!important;flex-direction:column!important;gap:6px!important}
}

/* Raised pearl controls: identical geometry when resting and pressed. */
@media screen{
 body.vertex-desktop.vertex-desktop :is(#content,#modalBody,#desktopToolbar,.wu-calendar,#screenTabs,#desktopStatus,.vx-dropdown,.toast-stack,.pc-overlay,.pc-menu-popover,.stock-alert-overlay,.ve-account-picker) button:not(.rwc-close):not(.rwc-pin){border-width:2px!important;border-color:#fff #777973 #777973 #fff!important;background:linear-gradient(180deg,#fffefa 0%,#f1f0eb 45%,#e1e1da 51%,#eae9e3 100%)!important;box-shadow:inset 1px 1px 0 #fff,inset -1px -1px 0 #babbb3,1px 1px 1px #0003!important}
 body.vertex-desktop.vertex-desktop :is(#content,#modalBody,#desktopToolbar,.wu-calendar,#screenTabs,#desktopStatus,.vx-dropdown,.toast-stack,.pc-overlay,.pc-menu-popover,.stock-alert-overlay,.ve-account-picker) button:not(.rwc-close):not(.rwc-pin):not(:disabled):active{border-color:#777973 #fff #fff #777973!important;background:linear-gradient(#d5d5ce,#eeeee8)!important;box-shadow:inset 1px 1px 2px #7775!important}
 body.vertex-desktop.vertex-desktop :is(#content,#modalBody,#desktopToolbar,.wu-calendar,#screenTabs,#desktopStatus,.vx-dropdown,.toast-stack,.pc-overlay,.pc-menu-popover,.stock-alert-overlay,.ve-account-picker) button:not(.rwc-close):not(.rwc-pin):not(:disabled):focus-visible{outline:2px solid #315f91!important;outline-offset:1px}
}

@media screen{body.vertex-desktop :is(#content,#modalBody) .rwc-caption>button.rwc-close{color:#fff!important;text-shadow:0 1px #783f37!important;background:linear-gradient(#efc5b9,#d68576 48%,#bf6355 49%,#dda08e)!important}}