.maint-home{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px}.maint-home button{padding:35px;text-align:left;border:1px solid #d9e1eb;border-radius:18px;background:white;cursor:pointer;box-shadow:0 9px 30px #173c8215}.maint-home strong{font-size:25px;color:#173c82}.maint-home p{font-size:16px;margin:20px 0}.maint-home span{color:#008cf3;font-weight:700}.maint-toolbar,.maint-filter,.maint-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:14px 0}.maint-client{display:flex;justify-content:space-between;gap:20px;align-items:center;border-bottom:1px solid #e6eaf1;padding:20px 8px}.maint-client strong{font-size:18px;color:#20354c}.maint-client small{display:block;padding-top:8px}.maint-client .muted{margin-top:5px}.maint-mail-fields{max-height:55vh;overflow:auto;padding-right:10px}.maint-preview{margin-top:20px;padding:16px;background:#f6f9fc;border-radius:15px}.maint-preview button{margin:6px}.maint-job{padding:10px;border-bottom:1px solid #ddd}@media(max-width:720px){.maint-client{flex-direction:column;align-items:flex-start}.maint-actions{width:100%}.maint-toolbar{margin-top:10px}.maint-home button{padding:24px}}

.choice-shell{display:block;min-height:100vh}.choice-shell .shell-main{min-width:0}.choice-shell .topbar{padding-left:clamp(16px,4vw,60px);padding-right:clamp(16px,4vw,60px)}.choice-shell .content{max-width:1150px;margin:0 auto;width:100%;padding:clamp(18px,4vw,55px)}.choice-logo{height:50px;max-width:185px;object-fit:contain}.choice-shell .maint-home{margin-top:30px}.choice-shell .maint-home button{min-height:210px;transition:transform .15s,box-shadow .15s}.choice-shell .maint-home button:hover{transform:translateY(-3px);box-shadow:0 14px 36px #173c8230}.maint-mail-fields{max-height:none;overflow:visible}.maint-preview{margin-top:26px}.shell-main{min-width:0}

.maint-actions button{min-height:34px}

.maint-call{display:inline-flex;align-items:center;justify-content:center;margin-left:8px;padding:5px 8px;border:1px solid #cbdced;border-radius:9px;text-decoration:none;font-size:19px;vertical-align:middle;background:#f1f8ff}.maint-call:hover,.maint-call:focus-visible{background:#dfeefe;outline:2px solid #008cf3;outline-offset:2px}


/* Feedback for both Briers workspaces; respects reduced-motion preferences. */
:where(button,[role="button"],a,select,input,textarea){-webkit-tap-highlight-color:rgba(23,60,130,.13)}
:where(button,[role="button"],a){transition:transform .12s ease,filter .12s ease,box-shadow .12s ease,background-color .12s ease}
:where(button,[role="button"],a):active:not(:disabled),.briers-pressed{transform:scale(.975);filter:brightness(.94)}
:where(button,[role="button"],a,input,select,textarea):focus-visible{outline:3px solid #2d85d8;outline-offset:2px}
:where(input,select,textarea):focus{border-color:#2d85d8;box-shadow:0 0 0 2px rgba(45,133,216,.13)}
.briers-pending{position:relative;opacity:.78;cursor:progress!important;pointer-events:none}
.briers-pending::after{content:"";display:inline-block;vertical-align:middle;width:13px;height:13px;margin-left:8px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:briers-spin .75s linear infinite}
#briers-progress{position:fixed;top:0;left:0;height:3px;width:0;background:#258bd7;z-index:99999;opacity:0;pointer-events:none;transition:width .18s ease,opacity .18s ease}
#briers-progress.on{width:70%;opacity:1;animation:briers-progress 1.8s ease-in-out infinite alternate}
.maint-call img{display:block;width:18px;height:25px;object-fit:contain}
@keyframes briers-spin{to{transform:rotate(360deg)}}
@keyframes briers-progress{to{width:92%}}
@media(prefers-reduced-motion:reduce){:where(button,[role="button"],a){transition:none}.briers-pending::after,#briers-progress.on{animation:none}}

.maint-internal-fields{margin:14px 0;padding:16px;border:1px solid #d9e1eb;border-radius:12px;background:#f7f9fc}.maint-internal-fields legend{font-weight:700;color:#20354c;padding:0 7px}.maint-internal-fields label.check{display:flex;gap:10px;align-items:center;margin:10px 0}.maint-internal-fields textarea{width:100%;min-height:115px;resize:vertical}

/* Typing performance: keep the existing modal overlay colour, but avoid
   re-blurring the entire customers dashboard on every keystroke.
   Other dialogs and their visual treatment are unaffected. */
dialog:has(> #maintForm)::backdrop,
dialog:has(> #clientForm)::backdrop {
  backdrop-filter: none;
}