/* Workbench 4.11: shared visual rhythm, accessible interactions. */
:root{--xh-forest:#174d43;--xh-mint:#edf5ef;--xh-border:#dce7df;--xh-shadow:0 8px 28px #163d3009}
body{background-color:#f6f8f5}
.button,.staff-tabs>button,.admin-tabs>button{border-radius:10px;min-height:42px;transition:background .18s,box-shadow .18s,transform .18s;line-height:1.4}
.button{padding:11px 17px;gap:7px}
.button:hover:not(:disabled){box-shadow:0 4px 12px #174d4314;transform:translateY(-1px)}
.button:active:not(:disabled){transform:translateY(0)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #7ab799;outline-offset:3px}
.staff-links,.staff-account-actions,.workspace-actions,.dashboard-controls,.dashboard-section-tabs,.policy-toolbar,.commerce-actions,.contract-actions,.dialog-actions,.form-actions{gap:12px;flex-wrap:wrap}
.staff-record .button,.proposal-center-card .button{margin-right:6px}
td .button,td button,.dashboard-table td button{margin:4px 6px 4px 0;white-space:nowrap}
td .button:last-child,td button:last-child{margin-right:0}
.staff-tabs,.admin-tabs{gap:8px;padding:9px;background:#eaf0e9;border:1px solid #dfe8de;border-radius:16px;margin-bottom:24px}
.staff-tabs>button,.admin-tabs>button{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:transparent;padding:11px 15px;color:#456457;border:0}
.staff-tabs>button:hover,.admin-tabs>button:hover{background:#ffffffa8}
.staff-tabs>button.active,.admin-tabs>button.active{background:#174d43;color:white;box-shadow:0 3px 10px #174d4320}
.xh-nav-icon{display:inline-flex;flex-shrink:0;width:17px;height:17px;pointer-events:none}.xh-nav-icon svg{width:100%;height:100%}
.staff-card,.dashboard-card,.proposal-center-card,.register-card,.staff-login{border-color:var(--xh-border);border-radius:18px;box-shadow:var(--xh-shadow)}
.proposal-center-card{transition:box-shadow .2s,border-color .2s}.proposal-center-card:hover{border-color:#aac9b7;box-shadow:0 10px 24px #174d4310}
.staff-heading h1,.workspace-heading h1,.admin-top h1{letter-spacing:-.03em}
.staff-card form,.staff-dialog form{row-gap:17px}
.staff-card input,.staff-card select,.staff-card textarea,.staff-dialog input,.staff-dialog select,.staff-dialog textarea{border-radius:9px}
.staff-dialog,.commerce-dialog,dialog{box-shadow:0 24px 100px #12291e33}dialog::backdrop{background:#142c256b;backdrop-filter:blur(3px)}
.dashboard-table th{background:#eef4ee;color:#3f5d4e;font-size:12px;letter-spacing:.03em;padding:15px 12px}.dashboard-table td{padding:14px 12px}.dashboard-table tbody tr:hover{background:#f6faf6}
.staff-status{padding:5px 11px;font-weight:600;line-height:1.45}.kpi-card{background:linear-gradient(135deg,#174d43,#28634f);border:1px solid #ffffff14;position:relative;overflow:hidden}.kpi-card:after{content:'';position:absolute;width:70px;height:70px;border:1px solid #ffffff12;border-radius:50%;right:-20px;top:-20px;pointer-events:none}
.xh-greeting{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 22px;margin:0 0 22px;border:1px solid #dce8dc;border-radius:16px;background:linear-gradient(110deg,#edf5e9,#f5f8f0 70%,#f0f4e8)}
.xh-greeting-copy{display:flex;align-items:center;gap:13px;min-width:0}.xh-leaf{width:36px;height:36px;display:grid;place-items:center;flex-shrink:0;border-radius:12px;background:#dcebdc;color:#47785b}.xh-leaf svg{width:22px;height:22px}
.xh-greeting strong{display:block;font-size:14px;color:#2c513e}.xh-greeting small{display:block;font-size:12px;color:#6b7d6a;margin-top:4px;line-height:1.5}.xh-pause{border:1px solid #ccdcca;border-radius:24px;background:#ffffffa6;color:#436447;padding:8px 13px;min-height:36px;cursor:pointer;white-space:nowrap;font:inherit;font-size:12px}
.xh-focus{border:1px solid #dce8dc;border-radius:24px;padding:34px;width:min(410px,calc(100vw - 32px));box-sizing:border-box;text-align:center;background:#f8fbf6;color:#254735}.xh-focus h2{font-size:24px;margin:4px 0 10px}.xh-focus p{font-size:14px;color:#657b69;line-height:1.8}.xh-orb-space{height:180px;display:grid;place-items:center}.xh-orb{width:106px;height:106px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#c6dfb3,#79ac92);box-shadow:0 0 0 17px #8db6a012,0 0 0 34px #8db6a009;animation:xh-breathe 8s ease-in-out infinite}.xh-focus-count{font-variant-numeric:tabular-nums;display:block;margin:0 0 20px;color:#4c7557;font-size:13px}.xh-focus .button{width:100%}
@keyframes xh-breathe{0%,100%{transform:scale(.82)}50%{transform:scale(1.12)}}
@media(max-width:850px){.site-header{gap:14px}.site-header nav{gap:12px;flex-wrap:wrap}.staff-tabs,.admin-tabs{padding:7px;gap:6px}.staff-tabs>button,.admin-tabs>button{padding:10px 12px;font-size:13px}.workspace-actions .button{flex:1 1 auto}.xh-greeting{padding:14px 16px}.xh-greeting-copy{gap:10px}.staff-card,.dashboard-card{border-radius:15px}}
@media(max-width:520px){.xh-greeting{align-items:flex-start}.xh-greeting small{max-width:215px}.xh-leaf{display:none}.xh-pause{font-size:11px;padding:7px 10px}.staff-tabs>button,.admin-tabs>button{flex:1 1 auto}.xh-nav-icon{width:15px;height:15px}.staff-links,.workspace-actions{gap:9px}.button{padding:10px 13px}.staff-dialog{padding:20px}.site-header .brand strong{font-size:17px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important}.button,.proposal-center-card{transition:none}.button:hover:not(:disabled){transform:none}.xh-orb{animation:none}}
@media(max-width:650px){.staff-shell .notice-banner,.workspace-notices,.commerce-reminders{max-width:100%;box-sizing:border-box}.staff-shell .button,.notice-banner .button{max-width:100%;white-space:normal;overflow-wrap:anywhere}.staff-tabs>button.active,.admin-tabs>button.active{color:#fff}.staff-tabs>button:disabled{opacity:.55}}
@media print{.xh-greeting,.xh-focus{display:none!important}}