:root { color: #202521; background: #f2f3ef; font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-synthesis: none; }
* { box-sizing: border-box; }
body { margin: 0; min-width: 320px; min-height: 100vh; padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left); }
button, select, a { font: inherit; }
button, .button { min-height: 48px; }
button:focus-visible, a:focus-visible, select:focus-visible { outline: 3px solid #b68b52; outline-offset: 3px; }
.brand { margin: 0; color: #263b31; font-family: Georgia, serif; font-size: 1.7rem; font-weight: 700; letter-spacing: .02em; }
.subtitle { margin: .25rem 0 0; color: #69716b; font-size: .88rem; letter-spacing: .1em; text-transform: uppercase; }
.login-page, .startup { display: grid; min-height: 100vh; place-items: center; padding: 1.25rem; }
.login-card { width: min(100%, 430px); padding: clamp(1.5rem, 6vw, 3rem); border: 1px solid #dedfd9; border-radius: 20px; background: #fff; box-shadow: 0 20px 50px rgba(29, 43, 35, .08); }
.login-header { padding-bottom: 2rem; border-bottom: 1px solid #e7e8e3; }
.login-actions h1 { margin: 2rem 0 1.25rem; font-size: 1.35rem; }
.button { -webkit-appearance: none; appearance: none; display: inline-flex; width: 100%; align-items: center; justify-content: center; border: 1px solid transparent; border-radius: 10px; padding: .75rem 1rem; background: #fff; color: #294a3b; cursor: pointer; font-weight: 650; text-decoration: none; }
.button:disabled { cursor: not-allowed; opacity: .5; }
.primary { background: #294a3b; color: #fff; }
.primary:hover { background: #203d31; }
.secondary, .telegram-link { margin-top: .75rem; border-color: #aeb8b1; background: #fff; color: #294a3b; }
.text-button { margin-top: .5rem; background: transparent; color: #53625a; font-weight: 550; }
.telegram-fallback { display: block; margin: .65rem auto .25rem; color: #53625a; font-size: .88rem; text-align: center; text-underline-offset: .18em; }
.onboarding-prompt { margin: .8rem 0 0; color: #69716b; font-size: .9rem; text-align: center; }
.onboarding-link { min-height: 0; border: 0; padding: .25rem .1rem; background: transparent; color: #315f4b; cursor: pointer; font-weight: 650; text-decoration: underline; text-underline-offset: .18em; }
.onboarding-link:hover { color: #203d31; text-decoration-thickness: 2px; }
.onboarding-link:disabled { cursor: not-allowed; opacity: .5; }
.status { min-height: 1.5rem; color: #59635d; line-height: 1.5; }
.status.error { color: #8b352d; }
.status.success { color: #267044; }
.secure-note { margin-top: 1.5rem; color: #69716b; font-size: .86rem; }
.language-label { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-top: 1.25rem; color: #59635d; font-size: .85rem; }
.language-select { width: auto; min-width: 7.5rem; min-height: 42px; border: 1px solid #aeb8b1; border-radius: 9px; appearance: none; background-color: #fff; background-image: linear-gradient(45deg, transparent 50%, #53625a 50%), linear-gradient(135deg, #53625a 50%, transparent 50%); background-position: calc(100% - 15px) 50%, calc(100% - 10px) 50%; background-repeat: no-repeat; background-size: 5px 5px, 5px 5px; padding: .55rem 2rem .55rem .75rem; color: #294a3b; font-size: .9rem; font-weight: 600; line-height: 1.2; cursor: pointer; }
.language-select:hover { border-color: #718078; background-color: #fafbf9; }
.shell { min-height: 100vh; }
.sidebar { display: flex; flex-direction: column; padding: 1.2rem; background: #23352c; color: #f7f5ef; }
.sidebar .brand { color: #fff; }.sidebar .subtitle { color: #b9c5bd; }
.nav { display: flex; gap: .4rem; margin: 1.2rem 0; overflow-x: auto; }
.nav-item { display:flex; min-width:0; min-height:44px; align-items:center; justify-content:space-between; gap:.45rem; border:0; border-radius:8px; padding:.65rem .8rem; background:transparent; color:#d9dfdb; text-align:left; }
.nav-item-label { min-width:0; overflow-wrap:anywhere; line-height:1.2; }
.nav-item-badge { flex:0 0 auto; border:1px solid currentColor; border-radius:999px; padding:.12rem .35rem; font-size:.65rem; font-weight:750; line-height:1.2; }
.nav-item:not(:disabled):not(.active):hover { background: #30483b; color: #fff; }
.nav-item.active { background: #f7f5ef; box-shadow: inset 4px 0 #b68b52; color: #23352c; font-weight: 750; }
.nav-item:disabled:not(.active) { opacity: .55; }
.profile { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: .15rem 1rem; }
.profile span { color: #bdc7c1; font-size: .85rem; }.profile .logout { grid-column: 2; grid-row: 1 / span 2; width: auto; min-height: 42px; background: transparent; border-color: #68786f; color: #fff; }
.content { padding: clamp(1.25rem, 5vw, 3.5rem); outline: none; }
.page-header { display: flex; align-items: center; justify-content: space-between; gap: 1rem 1.5rem; margin-bottom: 2.25rem; }
.page-header > * { min-width: 0; }
.page-header h1 { margin: 0; font: 700 clamp(1.8rem, 4vw, 2.5rem) Georgia, serif; color: #263b31; }
.date { margin: .5rem 0 0; color: #667069; font-size: .9rem; }
.page-header .language-label { flex: 0 0 auto; margin: 0; font-size: 0; }
.dashboard-section { margin-bottom: 2.2rem; }.dashboard-section h2 { margin: 0 0 .85rem; font-size: .78rem; letter-spacing: .12em; text-transform: uppercase; color: #657069; }
.card-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: .8rem; }
.stat-card { min-height: 125px; padding: 1.2rem; border: 1px solid #dedfd9; border-radius: 14px; background: #fff; }
.stat-card.attention { border-color: #d7b69a; background: #fffaf5; }
.stat-label { margin: 0; color: #59635d; }.stat-value { margin: .7rem 0 0; color: #263b31; font-size: 2rem; font-weight: 750; }
.settings-section { max-width: 760px; }.settings-section h2 { font-size: 1.35rem; }
.settings-tabs { display: flex; flex-wrap: wrap; gap: .25rem .5rem; margin: -1rem 0 1.5rem; border-bottom: 1px solid #d8ddd8; }
.location-policy-form { display: grid; gap: .9rem; max-width: 36rem; }
.location-policy-form input[type="text"] { box-sizing: border-box; min-width: 0; width: 100%; }
.location-policy-settings { overflow-wrap: anywhere; }
.settings-tab { min-width: 0; min-height: 44px; border: 0; border-bottom: 3px solid transparent; padding: .6rem .9rem; overflow-wrap: anywhere; background: transparent; color: #53625a; cursor: pointer; }
.settings-tab.active { border-bottom-color: #315f4b; color: #203d31; font-weight: 750; }
.access-heading { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.access-grid { display: grid; gap: 1rem; margin-top: 1rem; }
.access-card { min-width: 0; padding: 1.2rem; overflow-wrap: anywhere; border: 1px solid #dedfd9; border-radius: 14px; background: #fff; }
.access-card h3 { margin: 0; }.access-role { margin: .2rem 0 1rem; color: #657069; text-transform: capitalize; }
.access-details { display: grid; grid-template-columns: minmax(130px, 1fr) 1fr; gap: .45rem 1rem; }
.access-details dt { min-width: 0; color: #657069; }.access-details dd { min-width: 0; margin: 0; overflow-wrap: anywhere; font-weight: 650; }
.access-state { margin: 1rem 0; padding: .65rem; border-radius: 8px; background: #f1f4f1; font-weight: 700; }
.access-state.ready { color: #267044; }.access-state.awaiting_first_passkey { color: #856111; background: #fff8df; }
.access-actions { display: flex; align-items: stretch; flex-wrap: wrap; gap: .7rem; min-width: 0; }
.access-actions > .button { white-space: normal; }
.access-actions small { flex: 1 0 100%; color: #6e625e; }.access-confirmation { flex: 1 1 100%; min-width: 0; padding: .8rem; border-left: 3px solid #b68b52; background: #fffaf2; }
.passkey-list { display: grid; gap: .8rem; margin: 1.25rem 0; }
.passkey-card { display: grid; gap: .55rem; padding: 1.2rem; border: 1px solid #dedfd9; border-radius: 14px; background: #fff; color: #59635d; }
.passkey-card strong { overflow-wrap: anywhere; color: #263b31; font-size: 1.1rem; }.passkey-kind { color: #35634e; font-weight: 650; }
.passkey-controls { min-width: 0; }.edit-label { display: grid; gap: .35rem; margin-top: .5rem; font-weight: 650; }.passkey-label { width: 100%; min-width: 0; min-height: 44px; border: 1px solid #cbd0cb; border-radius: 8px; padding: .55rem .7rem; }
.compact { flex: 0 0 auto; width: max-content; max-width: 100%; margin: 0; }.save-row { display: flex; align-items: center; flex-wrap: wrap; gap: .5rem; margin-top: .65rem; }.rename-passkey { min-height: 40px; padding: .5rem .75rem; }
.action-feedback { min-height: 1.5rem; margin: 0; color: #59635d; line-height: 1.5; }
.action-feedback.success { color: #267044; font-weight: 650; }.action-feedback.error { color: #8b352d; font-weight: 650; }
.action-feedback.progress { color: #465c50; font-weight: 600; }
.add-passkey { width: max-content; }.add-passkey-controls { margin-top: .5rem; }.passkey-continuation { max-width: 330px; margin-top: .75rem; }.add-passkey-controls > .action-feedback { margin-top: .65rem; }
.revoke-controls { display: grid; justify-items: start; gap: .45rem; margin-top: .3rem; }
.button.danger { color: #9b2929; border-color: #d8aaaa; background: #fffafa; }
.button.danger:hover:not(:disabled) { background: #faeaea; }.button.danger:disabled { opacity: .55; }
.revoke-confirmation { display: grid; gap: .45rem; padding: .8rem; border-left: 3px solid #b54141; background: #fff8f8; }
.revoke-confirmation strong { color: #762222; }.last-passkey-note { color: #6e625e; }
@media (min-width: 850px) {
  .shell { display: grid; grid-template-columns: 245px 1fr; }.sidebar { position: sticky; top: 0; height: 100vh; padding: 2rem 1.4rem; }
  .nav { flex: 1; flex-direction: column; margin-top: 3rem; overflow: visible; }.profile { display: flex; align-items: stretch; flex-direction: column; }.profile .logout { margin-top: 1rem; }
}
@media (max-width: 480px) {
  .content { padding-inline: 1rem; }
  .page-header { align-items: flex-start; flex-direction: column; margin-bottom: 1.75rem; }
  .page-header .language-label, .page-header .language-select { width: 100%; }
  .settings-tabs { margin-top: -.5rem; }
  .settings-tab { flex: 1 1 10rem; }
  .access-heading { align-items: stretch; flex-direction: column; }
  .access-heading .button { width: 100%; }
  .access-card { padding: 1rem; }
  .access-details { grid-template-columns: minmax(0, 1fr); gap: .2rem; }
  .access-details dd { margin-bottom: .55rem; }
  .access-actions > .button { width: 100%; }
}
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; transition: none !important; } }

/* Low-frequency, owner-only access revocation flow. */
.danger-zone { max-width: 760px; margin-top: 2rem; padding: clamp(1rem, 3vw, 1.5rem); border: 1px solid #d8bcbc; border-radius: 14px; background: #faf6f4; }
.danger-zone h2 { margin: .2rem 0 .5rem; color: #542d2d; }
.danger-eyebrow { margin: 0; color: #9b2929; font-size: .78rem; font-weight: 750; letter-spacing: .1em; text-transform: uppercase; }
.danger-description { max-width: 65ch; margin: 0 0 1.25rem; color: #5f625e; line-height: 1.55; }
.revocation-mode { display: flex; flex-wrap: wrap; gap: .5rem; margin: 0 0 1rem; border: 0; padding: 0; }
.revocation-mode legend { width: 100%; margin-bottom: .35rem; color: #4e5952; font-weight: 700; }
.revocation-mode label { position: relative; flex: 1 1 145px; cursor: pointer; }
.revocation-mode input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.revocation-mode span { display: flex; min-height: 48px; align-items: center; justify-content: center; border: 1px solid #b9c2bc; border-radius: 10px; padding: .65rem; background: #fff; color: #315f4b; font-weight: 700; text-align: center; }
.revocation-mode input:checked + span { border-color: #315f4b; box-shadow: inset 0 0 0 2px #315f4b; background: #eef3f0; }
.revocation-mode input:focus-visible + span, .revocation-candidate input:focus-visible + .candidate-copy { outline: 3px solid #b68b52; outline-offset: 3px; }
.revocation-search { display: block; margin-bottom: .85rem; }.revocation-search input, .confirmation-phrase { width: 100%; min-height: 48px; border: 1px solid #bbc3bd; border-radius: 10px; padding: .7rem .85rem; background: #fff; font: inherit; }
.revocation-candidate-list { display: grid; gap: .65rem; }
.revocation-candidate { position: relative; display: grid; grid-template-columns: auto 1fr; gap: .8rem; align-items: center; min-width: 0; border: 1px solid #d7dbd7; border-radius: 12px; padding: .9rem; background: #fff; cursor: pointer; }
.revocation-candidate:has(input:checked) { border-color: #315f4b; box-shadow: inset 0 0 0 2px #315f4b; background: #f1f6f3; }
.revocation-candidate.revoked { background: #f1f1ee; color: #6f746f; cursor: not-allowed; opacity: .78; }
.revocation-candidate input { width: 20px; height: 20px; accent-color: #315f4b; }.candidate-copy { display: grid; min-width: 0; gap: .16rem; }.candidate-copy strong { color: #263b31; overflow-wrap: anywhere; }.candidate-copy span, .candidate-copy small { color: #657069; }.candidate-copy .already-revoked { color: #762222; font-weight: 750; }
.revocation-info { margin: 1rem 0; border-left: 3px solid #b68b52; border-radius: 8px; padding: .8rem 1rem; background: #fffaf2; color: #625b51; line-height: 1.5; }
.revocation-review { display: grid; gap: 1rem; margin-top: 1rem; padding: 1rem; border: 1px solid #d8c7b1; border-radius: 12px; background: #fff; }.revocation-review h3, .revocation-result h3 { margin: 0; }
.review-summary { display: grid; grid-template-columns: 1fr auto; gap: .35rem 1rem; margin: 0; }.review-summary dt { color: #657069; }.review-summary dd { margin: 0; font-weight: 750; }.review-targets { display: grid; gap: .4rem; margin: 0; padding: 0; list-style: none; }.review-targets li { display: flex; justify-content: space-between; gap: 1rem; border-bottom: 1px solid #e3e5e1; padding: .5rem 0; }.review-targets span { color: #657069; }
.button.danger.destructive { border-color: #9b2929; background: #9b2929; color: #fff; }.button.danger.destructive:hover:not(:disabled) { background: #7e2020; }
.revocation-result { display: grid; gap: .75rem; }.revocation-result.partial { border-left: 4px solid #b68b52; padding-left: 1rem; }.cleanup-status { display: grid; gap: .6rem; border-radius: 10px; padding: 1rem; background: #f2f3ef; }.cleanup-status h4 { margin: 0; }.cleanup-metrics { display: grid; grid-template-columns: repeat(3, 1fr); gap: .6rem; margin: .3rem 0 0; }.cleanup-metrics div { border-radius: 8px; padding: .7rem; background: #fff; }.cleanup-metrics dt { color: #657069; font-size: .85rem; }.cleanup-metrics dd { margin: .2rem 0 0; font-size: 1.2rem; font-weight: 750; }.authorized-incomplete { color: #795a1d; font-weight: 700; }
.visually-hidden { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
@media (max-width: 480px) { .danger-zone { padding: 1rem; }.revocation-mode { flex-direction: column; }.revocation-mode label { flex-basis: auto; }.revocation-candidate-list, .revocation-candidate, .revocation-continue, .revocation-review .button { width: 100%; }.cleanup-metrics { grid-template-columns: 1fr; }.review-targets li { align-items: flex-start; flex-direction: column; gap: .2rem; } }

/* Compact, owner-only personnel governance. */
.personnel-policy-page { display: grid; gap: 1.25rem; width: min(1080px, 100%); }
.policy-section { min-width: 0; border: 1px solid #dcdfda; border-radius: 14px; padding: clamp(1rem, 2.5vw, 1.5rem); background: #fff; }
.policy-section > h2 { margin: 0 0 .35rem; color: #294a3b; font: 700 1.35rem Georgia, serif; }
.section-intro { max-width: 70ch; margin: 0 0 1.25rem; color: #657069; line-height: 1.5; }
.group-heading { margin: 0 0 .65rem; color: #4f5c55; font-size: .78rem; letter-spacing: .09em; text-transform: uppercase; }
.personnel-list, .relationship-list { display: grid; gap: .55rem; }
.employee-create-form { display:grid; gap:1rem; padding:1rem; border:1px solid #d8ded9; border-radius:11px; background:#fff; }
.employee-create-header h3,.employee-create-header p { margin:0; }.employee-create-header h3 { color:#294a3b; }.employee-create-header p { margin-top:.3rem; color:#68726c; font-size:.88rem; }
.employee-create-content { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:start; gap:1rem; min-width:0; }
.employee-create-column { display:grid; align-content:start; gap:1rem; min-width:0; }
.employee-create-section { display:grid; align-content:start; gap:.75rem; min-width:0; border-radius:9px; padding:.85rem; background:#f8f8f5; }
.employee-create-section h4 { margin:0; color:#294a3b; font-size:.9rem; }
.employee-create-form input:not([type="checkbox"]),.employee-create-form select { box-sizing:border-box; width:100%; min-width:0; height:42px; border:1px solid #b8c1bb; border-radius:8px; padding:.5rem; background:white; font:inherit; }
.employee-create-form .compensation-checkboxes label { min-height:36px; cursor:pointer; }
.telegram-onboarding { display:flex; flex-direction:column; align-items:flex-start; gap:.5rem; }
.telegram-status { display:inline-flex; width:fit-content; max-width:100%; align-items:center; gap:.45rem; border:1px solid #cbd2cc; border-radius:999px; padding:.25rem .55rem; background:#fff; color:#45544c; font-size:.85rem; font-weight:650; }
.telegram-status::before { width:.55rem; height:.55rem; flex:none; border:2px solid currentColor; border-radius:50%; content:""; }
.telegram-status.connected { border-color:#a9c8b7; background:#edf7f0; color:#286344; }
.telegram-status.connected::before { background:currentColor; }
.telegram-status.pending { border-color:#d6c292; background:#fff8e6; color:#765a16; }
.telegram-status.pending::before { border-right-color:transparent; }
.telegram-status.disconnected { color:#59635d; }
.telegram-invite-link { box-sizing:border-box; width:100%; min-width:0; }
.telegram-invite-actions { display:flex; flex-wrap:wrap; gap:.5rem; }
.personnel-row { display: grid; grid-template-columns: minmax(180px, 1.3fr) minmax(170px, 1fr) minmax(220px, 1.25fr); gap: .8rem 1.15rem; align-items: start; min-width: 0; border: 1px solid #e0e3de; border-radius: 11px; padding: .75rem .9rem; background: #fdfdfb; }
.personnel-row.inactive { border-style: dashed; background: #f2f3ef; color: #6c736e; opacity: .82; }
.personnel-identity { align-self: center; min-width: 0; }.personnel-identity h3 { margin: 0; overflow-wrap: anywhere; color: #263b31; font-size: 1rem; }
.personnel-identity p { margin: .2rem 0 0; color: #68726c; font-size: .85rem; }
.policy-field { display: grid; min-width: 0; gap: .3rem; color: #4f5c55; font-weight: 650; }
.field-label { font-size: .78rem; }.field-control { display: flex; align-items: center; min-width: 0; gap: .45rem; }
.field-control .language-select, .relationship-add-panel .language-select { width: 100%; min-width: 0; }
.field-feedback { flex: 0 0 auto; min-width: 5.8rem; min-height: 1.2em; color: #59635d; font-size: .78rem; font-weight: 650; }
.field-feedback.success { color: #267044; }.field-feedback.error { color: #8b352d; }.field-feedback.progress { color: #59635d; }
.finance-help { color: #68726c; font-size: .72rem; font-weight: 400; line-height: 1.35; }.finance-help.confidential { color: #655d50; }
.inactive-disclosure, .history-disclosure { margin-top: 1rem; border-top: 1px solid #e1e3df; padding-top: .8rem; }
.inactive-disclosure summary, .history-disclosure summary { min-height: 44px; padding: .7rem .2rem; color: #59635d; font-weight: 700; cursor: pointer; }
.empty-state { margin: 0; border: 1px dashed #d5dad5; border-radius: 10px; padding: 1rem; color: #68726c; background: #f8f8f5; text-align: center; }
.conflicts-section > .button { margin-top: 1rem; }
.relationship-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .75rem; align-items: center; border: 1px solid #e0e3de; border-radius: 11px; padding: .8rem .9rem; background: #fdfdfb; }
.relationship-row h4, .relationship-row p { margin: 0; }.relationship-row p, .relationship-row small { color: #68726c; }
.relationship-row > :last-child:not(:first-child) { grid-column: 1 / -1; }.relationship-row.historical { opacity: .75; }
.button.secondary-danger { border: 1px solid #cda9a5; background: #fff; color: #8b352d; }.button.secondary-danger:hover:not(:disabled) { background: #fff5f4; }
.relationship-add-panel, .relationship-review, .revoke-review { display: grid; gap: .85rem; margin-top: 1rem; border: 1px solid #d8c7b1; border-radius: 12px; padding: 1rem; background: #fffaf2; }
.relationship-add-panel:empty { display: none; }.relationship-add-panel h3, .relationship-review h3, .revoke-review h4 { margin: 0; color: #294a3b; }
.panel-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: .6rem; }.relationship-review > p, .revoke-review > p { margin: 0; color: #625f59; }
select:focus-visible, .policy-section button:focus-visible, .inactive-disclosure summary:focus-visible, .history-disclosure summary:focus-visible { outline: 3px solid #b68b52; outline-offset: 2px; }
@media (max-width: 640px) {
  .personnel-row { grid-template-columns: minmax(0, 1fr); gap: .7rem; padding: 1rem; }
  .field-feedback { min-width: 5.4rem; }.relationship-row { align-items: stretch; }
}
@media (max-width: 480px) {
  .policy-section { padding: 1rem; }.field-control { align-items: stretch; flex-direction: column; gap: .2rem; }
  .field-control .language-select, .relationship-add-panel .language-select, .panel-actions .button, .conflicts-section > .button { width: 100%; min-height: 48px; }
  .field-feedback { min-width: 0; min-height: 1.1rem; }.relationship-row { grid-template-columns: minmax(0, 1fr); }
  .relationship-row > .button { width: 100%; min-height: 48px; }.panel-actions { flex-direction: column-reverse; }
}

/* Operational personnel overview. */
.personnel-overview { display:grid; gap:1.25rem; min-width:0; }
.personnel-overview .page-header { margin-bottom:0; }
.personnel-controls { display:grid; gap:.75rem; }
.personnel-period-controls,.personnel-filters{display:flex;gap:.65rem;align-items:center;flex-wrap:wrap}
.personnel-period-controls{justify-content:space-between}.personnel-filters input[type=search]{flex:1 1 280px}.personnel-filters select{flex:0 1 240px}
.period-nav strong{white-space:nowrap;min-width:min(13rem,35vw);text-align:center}
.segments,.period-nav { display:flex; align-items:center; gap:.3rem; }
.segment { min-height:44px; border:1px solid #b8c1bb; padding:.55rem .75rem; background:#fff; color:#315f4b; }
.segment:first-child { border-radius:9px 0 0 9px }.segment:last-child { border-radius:0 9px 9px 0 }.segment.active { background:#315f4b; color:#fff; }
.personnel-controls input[type=search],.personnel-controls select { min-width:0; min-height:44px; border:1px solid #b8c1bb; border-radius:9px; padding:.6rem .75rem; background:#fff; }
.attention-filter { display:flex; min-width:0; min-height:44px; align-items:center; gap:.625rem; white-space:normal; cursor:pointer; }
.attention-filter input[type=checkbox] { flex:0 0 auto; width:22px; height:22px; margin:0; accent-color:#315f4b; }
.attention-filter input[type=checkbox]:focus-visible { outline:3px solid #b68b52; outline-offset:3px; }
.personnel-summary .stat-card { min-height:100px; padding:1rem }.personnel-summary .stat-value { font-size:1.35rem }
.overview-workers { display:grid; gap:.55rem }.overview-worker { border:1px solid #d9ddd8; border-radius:12px; background:#fff; overflow:hidden }
.overview-worker summary { display:grid; grid-template-columns:minmax(160px,1.5fr) minmax(130px,1fr) minmax(180px,1fr); gap:.8rem; align-items:center; min-height:58px; padding:.8rem 1rem; cursor:pointer }.worker-name{font-weight:750;color:#263b31}
.lifecycle-marker{display:inline-block;margin-left:.45rem;padding:.08rem .4rem;border:1px solid #c8cec9;border-radius:999px;color:#667069;font-size:.72rem;line-height:1.35;vertical-align:middle;white-space:nowrap}
.live-status { width:max-content; border-radius:99px; padding:.25rem .55rem; background:#edf1ee; font-size:.82rem; font-weight:700 }.status-WORKING,.status-ON_BREAK{color:#235e3e;background:#eaf4ed}.status-MISSING_CHECKIN{color:#7b4f12;background:#fff4df}
.worker-identity{display:flex;flex-direction:column}.worker-identity small{color:#6b746e;font-weight:400;margin-top:.2rem}.worker-metrics { display:grid; grid-template-columns:repeat(3,1fr); gap:.5rem; padding:.8rem 1rem; background:#f7f7f3 }.worker-metrics p{margin:0}.attention-list{display:flex;min-width:0;flex-wrap:wrap;gap:.5rem;padding:.8rem 1rem}.attention-list span,.attention-chip{max-width:100%;border:0;border-radius:6px;padding:.3rem .5rem;overflow-wrap:break-word;background:#f1f2ef}.attention-chip{cursor:pointer;font:inherit}.attention-warning,.attention-critical{color:#79392f;background:#fff2ec!important}.difference.positive{color:#276044}.difference.negative{color:#8a4438}.finance-secondary,.owner-finance{margin:.5rem 1rem 1rem;color:#5b625d}.owner-finance{border-left:3px solid #b68b52;padding:.7rem 1rem;background:#fffaf2}.owner-finance summary{cursor:pointer;font-weight:700}.finance-rows{display:grid;gap:.25rem;max-width:34rem}.finance-rows p{display:flex;min-width:0;justify-content:space-between;gap:1rem;margin:.15rem 0}.finance-rows p span{min-width:0}.finance-rows p strong{flex:0 0 auto;white-space:nowrap}.finance-rows .finance-primary{margin-bottom:.45rem;border-bottom:1px solid #d9ddd8;padding-bottom:.45rem;font-size:1.08rem;color:#294a3b}.days-toggle{width:auto;min-height:44px;margin:.65rem;border:1px solid #718078;border-radius:9px;padding:.55rem .8rem;background:#fff;color:#315f4b}.days-toggle:hover{border-color:#315f4b;background:#f1f6f3}.updated{margin:0;color:#6b746e;font-size:.82rem;text-align:right}
@media(max-width:720px){.personnel-period-controls,.personnel-filters{flex-direction:column;align-items:stretch}.segments,.period-nav{justify-content:center}.personnel-filters input[type=search],.personnel-filters select{flex-basis:auto}.overview-worker summary{grid-template-columns:1fr 1fr}.worker-metrics{grid-template-columns:1fr}.personnel-summary{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.segments .segment{flex:1;min-height:48px}.period-nav{justify-content:space-between}.period-nav strong{min-width:0}.overview-worker summary{grid-template-columns:1fr;min-height:48px}.personnel-summary{grid-template-columns:1fr 1fr}.personnel-filters input[type=search],.personnel-filters select{width:100%;min-height:48px}.attention-filter{width:100%;min-height:48px}.overview-worker summary,.worker-metrics,.attention-list{padding-block:.65rem}.attendance-detail{overflow-wrap:break-word;line-height:1.45}.finance-rows p{align-items:flex-start}.days-toggle{max-width:calc(100% - 1.3rem)}}
.attendance-detail { margin:.2rem 1rem .8rem; color:#4f5c55; font-weight:650; }
.worker-days { margin:.25rem 1rem 1rem; overflow:hidden; border:1px solid #e0e3de; border-radius:9px; }
.day-row { display:grid; grid-template-columns:.75fr repeat(5,1fr) 1.4fr; gap:.45rem; padding:.5rem .65rem; border-top:1px solid #eceeeb; font-size:.82rem; }
.day-card{width:100%;border:0;background:#fff;color:inherit;text-align:left;cursor:pointer;font:inherit}.day-card:hover{background:#f8faf7}.day-card:focus-visible{outline:3px solid #b68b52;outline-offset:-3px}
.day-row:first-child { border-top:0 }.day-heading { background:#f3f4f0; color:#59635d; }
.top-tasks { margin:.5rem 1rem 1rem; }.top-tasks h4 { margin:0 0 .45rem; color:#294a3b }.top-tasks p { margin:.25rem 0; color:#59635d; }
.refresh-state { display:flex; align-items:center; justify-content:flex-end; gap:.6rem; min-height:1.5rem; color:#8b4d37; font-size:.85rem; }
@media(max-width:720px){.day-heading{display:none}.day-row{grid-template-columns:repeat(2,1fr);gap:.35rem}.day-row span{display:grid;grid-template-columns:minmax(5.5rem,auto) 1fr;gap:.35rem}.day-row span::before{content:attr(data-label);color:#68726c;font-weight:600}.day-row span:first-child{grid-column:1/-1;font-weight:750}.worker-days{border:0}.day-row{margin:.45rem 0;border:1px solid #e0e3de;border-radius:8px}.refresh-state{align-items:stretch;flex-direction:column}.period-nav{flex-wrap:wrap}}
@media(max-width:480px){
  .worker-days{min-width:0;margin:.25rem .65rem .75rem}
  .day-row.day-heading{display:none}
  .day-row{display:block;min-width:0;margin:.5rem 0;padding:.65rem .75rem;font-size:.86rem}
  .day-row>span{display:grid;grid-template-columns:minmax(0,42%) minmax(0,58%);gap:.65rem;padding:.3rem 0;line-height:1.35}
  .day-row>span::before{min-width:0}
  .day-row>span:first-child{display:block;margin-bottom:.25rem;border-bottom:1px solid #eceeeb;padding:0 0 .5rem;font-size:1rem;font-weight:750}
  .day-row>span:first-child::before{content:none}
  .day-row>span:not(:last-child){white-space:normal;word-break:normal;overflow-wrap:normal}
  .day-row>span:last-child{overflow-wrap:break-word}
  .finance-secondary,.owner-finance{min-width:0;margin-inline:.65rem}
  .finance-rows p{gap:.65rem}
  .finance-subrow{padding-left:.65rem}
}

/* Read-only Management week planner. Horizontal overflow is contained here. */
.schedule-modes{width:max-content}.planner-controls{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.planner-navigation{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.planner-navigation strong{min-width:15rem;text-align:center}.planner-scroll{max-width:100%;max-height:min(70vh,680px);overflow:auto;border:1px solid #d9ddd8;border-radius:12px;background:#fff;overscroll-behavior:contain}.week-planner-grid{display:grid;grid-template-columns:minmax(150px,1.35fr) repeat(7,minmax(120px,1fr)) minmax(145px,1.2fr);min-width:1135px}.week-planner-grid>div{min-width:0;border-bottom:1px solid #e6e9e5;border-right:1px solid #eceeeb;padding:.65rem}.planner-corner,.planner-day-heading{position:sticky;inset-block-start:0;z-index:3;background:#f3f4f0;font-weight:700;color:#59635d}.planner-corner,.planner-worker{position:sticky;inset-inline-start:0}.planner-corner{z-index:4}.planner-worker{z-index:2;display:flex;flex-direction:column;background:#fff}.planner-worker small{margin-top:.2rem;color:#6b746e}.planner-day-heading{text-align:center}.planner-day-heading.current-day{box-shadow:inset 0 -3px #789783;color:#294a3b}.planner-cell{display:flex;min-height:74px;flex-direction:column;gap:.35rem}.planner-shift{border-left:3px solid #789783;border-radius:6px;padding:.4rem .45rem;background:#edf3ef;color:#294a3b;font-size:.86rem}.planner-absence{width:max-content;border-radius:99px;padding:.2rem .45rem;background:#f4eee3;color:#735a32;font-size:.78rem;font-weight:650}.planner-empty{color:#a0a7a2}.planner-no-workers{grid-column:1/-1}@media(max-width:720px){.planner-navigation{width:100%;justify-content:center}.planner-navigation strong{min-width:10rem}.week-planner-grid{grid-template-columns:minmax(130px,1.2fr) repeat(7,minmax(112px,1fr)) minmax(140px,1.1fr);min-width:1054px}}
.attendance-review-overlay{position:fixed;inset:0;z-index:1000;display:flex;justify-content:flex-end;background:rgba(25,35,30,.42)}
.attendance-review-panel{width:min(560px,100%);height:100%;overflow:auto;background:#fff;padding:1rem;box-shadow:-5px 0 24px rgba(0,0,0,.16)}
.review-header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.review-header h2,.review-header p{margin:.15rem 0}.review-metrics,.review-items{display:grid;gap:.55rem;margin:1rem 0}.review-metrics p{display:flex;justify-content:space-between;margin:0;border-bottom:1px solid #eceeeb;padding:.45rem}.review-timeline{border-radius:9px;background:#f6f7f3;padding:.8rem}.review-timeline h3,.review-items h3{margin:.2rem 0 .65rem}.review-timeline p{margin:.4rem 0}.review-item{display:grid;gap:.6rem;border:1px solid #dedfda;border-radius:10px;padding:.8rem}.review-reviewed{border-left:4px solid #5f826c}.review-excused{border-left:4px solid #8a8060;background:#fcfbf5}.review-item-heading{display:flex;justify-content:space-between;gap:.7rem}.review-item textarea{box-sizing:border-box;width:100%;min-height:76px;border:1px solid #aeb8b1;border-radius:8px;padding:.55rem;font:inherit}.review-actions{display:flex;flex-wrap:wrap;gap:.45rem}
@media(max-width:480px){.attendance-review-panel{padding:.75rem}.review-actions .button{flex:1 1 100%;min-height:44px}}
.review-feedback{min-height:1.2em;margin:0;color:#79392f;font-size:.88rem}.review-feedback:empty{display:none}
.attendance-evidence .attendance-correction-action{margin-top:.55rem;min-height:44px}.attendance-correction-panel{box-sizing:border-box;max-width:100vw}.attendance-correction-panel>label{display:grid;gap:.3rem;margin:.7rem 0}.attendance-correction-panel input,.attendance-correction-panel textarea,.attendance-correction-panel select{box-sizing:border-box;width:100%;min-width:0;min-height:44px;font:inherit}.attendance-correction-panel textarea{min-height:7rem}@media(max-width:480px){.attendance-correction-panel{height:100dvh;max-height:100dvh;padding:calc(.75rem + env(safe-area-inset-top)) max(.75rem,env(safe-area-inset-right)) calc(5rem + env(safe-area-inset-bottom)) max(.75rem,env(safe-area-inset-left));overflow-y:auto;overscroll-behavior:contain}}
.attendance-correction-field{display:grid;gap:.3rem;margin:.7rem 0}.attendance-correction-panel>label.break-correction-void{display:flex;align-items:center;gap:.65rem;min-height:44px;cursor:pointer}.attendance-correction-panel .break-correction-void input[type="checkbox"]{-webkit-appearance:none;appearance:none;flex:0 0 22px;width:22px;min-height:22px;height:22px;margin:0;border:2px solid #61756a;border-radius:5px;background:#fff;display:grid;place-content:center}.attendance-correction-panel .break-correction-void input[type="checkbox"]:checked{border-color:#17633d;background:#17633d}.attendance-correction-panel .break-correction-void input[type="checkbox"]:checked::after{content:"";width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:translateY(-1px) rotate(45deg)}.attendance-correction-panel .break-correction-void input[type="checkbox"]:focus-visible{outline:3px solid #8ebca5;outline-offset:2px}.break-correction-void span{min-width:0;line-height:1.35}.break-correction-reason label{color:#4f5c55;font-weight:650}.attendance-correction-panel .break-correction-reason textarea{width:100%;resize:vertical}

/* Compact Team employee accordion. */
.personnel-directory { display:grid; gap:1rem; }
.team-toolbar { display:flex; align-items:center; justify-content:space-between; gap:1rem; margin-bottom:.35rem; }
.team-toolbar .group-heading { margin:0; }
.team-toolbar .button { flex:0 0 auto; width:auto; }
.employee-create-slot:empty { display:none; }
.employee-create-actions { display:flex; align-items:center; justify-content:flex-end; gap:.6rem; }
.employee-card-header { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:1rem; width:100%; border:0; padding:.85rem 1rem; background:transparent; color:inherit; text-align:left; cursor:pointer; }
.employee-card-header:hover { background:#f7f8f4; }
.employee-card-header:focus-visible { outline:3px solid #b68b52; outline-offset:-3px; }
.employee-card-summary { display:grid; gap:.25rem; min-width:0; }
.employee-name-line { display:flex; align-items:baseline; justify-content:space-between; gap:1rem; color:#263b31; }
.employee-name-line strong { overflow-wrap:anywhere; }
.employee-id { color:#778079; font-size:.78rem; font-weight:650; white-space:nowrap; }
.employee-meta,.employee-configuration { color:#68726c; font-size:.85rem; line-height:1.35; }
.employee-chevron { align-self:center; color:#59635d; font-size:1.35rem; transition:transform .18s ease; }
.employee-card-header[aria-expanded="true"] .employee-chevron { transform:rotate(180deg); }
.personnel-row { display:block; overflow:hidden; padding:0; }
.personnel-row.inactive { opacity:.9; }
.employee-card-body { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:start; gap:1rem; border-top:1px solid #e0e3de; padding:1rem; background:#fff; }
.employee-card-body[hidden] { display:none; }
.employee-edit-column { display:grid; align-content:start; gap:1rem; min-width:0; }
.employee-edit-section { display:grid; align-content:start; gap:.75rem; min-width:0; border-radius:9px; padding:.85rem; background:#f8f8f5; }
.employee-edit-section h4 { margin:0; color:#294a3b; font-size:.9rem; }
.employee-expanded-facts { margin:0; color:#68726c; font-size:.85rem; }
.compensation-checkboxes { display:grid; gap:.55rem; min-width:0; margin:0; border:0; padding:0; color:#4f5c55; }
.compensation-checkboxes legend { margin-bottom:.35rem; padding:0; font-size:.78rem; font-weight:650; }
.compensation-checkboxes label { display:flex; align-items:center; gap:.5rem; font-weight:500; }
@media(max-width:640px){
  .employee-card-body{grid-template-columns:1fr}
  .employee-create-content{grid-template-columns:1fr}
  .employee-name-line{align-items:flex-start}
}
@media(max-width:480px){.team-toolbar{align-items:stretch;flex-direction:column}.team-toolbar .button{width:100%;min-height:48px}.employee-create-actions{align-items:stretch;flex-direction:column-reverse}.employee-create-actions .button{width:100%;min-height:48px}.employee-card-header{padding:.85rem}.employee-meta,.employee-configuration{overflow-wrap:anywhere}}

/* Neutral factual attendance session detail; attention chips retain warning semantics. */
.worker-sessions { min-width:0; margin:1.75rem 0 0; }
.worker-sessions h4 { margin:0 .75rem .875rem; color:#294a3b; }
.attendance-sessions { display:grid; gap:.5rem; padding:0 .75rem .8rem; }
.attendance-session { position:relative; display:grid; width:100%; grid-template-columns:minmax(7rem,auto) 1fr auto auto; gap:.5rem 1rem; align-items:center; padding:.65rem 2.5rem .65rem .75rem; border:1px solid #d9ded9; border-radius:.65rem; background:rgba(127,127,127,.07); color:inherit; font:inherit; font-size:.875rem; text-align:left; cursor:pointer; transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .12s ease; }
.attendance-session:hover { border-color:#aeb8b1; background:#f7f9f6; box-shadow:0 3px 10px rgba(35,53,44,.08); }
.attendance-session:focus-visible { border-color:#b68b52; outline:3px solid #b68b52; outline-offset:2px; box-shadow:0 3px 10px rgba(35,53,44,.08); }
.attendance-session:active { background:#edf1ed; box-shadow:none; transform:translateY(1px); }
.session-linkage { color:#667085; }
.session-open-affordance { position:absolute; top:50%; right:.75rem; color:#315f4b; font-size:1.35rem; font-weight:700; line-height:1; transform:translateY(-50%); transition:transform .16s ease; }
.attendance-session:hover .session-open-affordance,.attendance-session:focus-visible .session-open-affordance { transform:translate(2px,-50%); }
@media (max-width:700px) { .attendance-session { grid-template-columns:1fr; gap:.2rem; } .attendance-session > :not(.session-open-affordance) { grid-column:1; } }
@media (max-width:480px) { .worker-sessions { margin-top:0; } }
.leave-form {display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem;margin:1rem 0;padding:1rem;background:var(--surface,#fff);border-radius:12px}
.leave-form textarea {min-height:2.5rem}.leave-group{margin:1.25rem 0}.leave-card{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;padding:1rem;margin:.5rem 0;background:var(--surface,#fff);border-radius:10px;border:1px solid #e6e1da}.leave-card small{flex-basis:100%}.leave-actions{display:flex;gap:.5rem;margin-left:auto}.leave-status{font-weight:700}.leave-status.approved{color:#26734d}.leave-status.rejected,.leave-status.cancelled{color:#8a3d32}

/* Production leave management: calendar facts stay prominent and controls retain DOM order. */
.leave-page{display:grid;gap:1.25rem;min-width:0}.leave-page .page-header{margin-bottom:0}
.leave-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin:0;padding:1.25rem;border:1px solid #dcdfda;border-radius:14px;background:#fff}
.leave-field{display:grid;min-width:0;gap:.35rem;color:#4f5c55;font-size:.82rem;font-weight:700}.leave-field select,.leave-field input,.leave-field textarea{box-sizing:border-box;width:100%;min-width:0;min-height:44px;border:1px solid #b8c1bb;border-radius:9px;padding:.6rem .7rem;background:#fff;font:inherit;color:#263b31}.leave-note{grid-column:1/4}.leave-note textarea{min-height:76px;resize:vertical}.leave-submit-area{display:grid;align-content:end;gap:.25rem}.leave-submit{width:100%}.leave-feedback{min-height:1.25rem;margin:0;color:#8b352d;font-size:.82rem;line-height:1.35}
.leave-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,11rem),1fr));gap:.65rem;align-items:end;padding:1rem;border-radius:12px;background:#f5f6f2}.leave-filters .button{width:auto;min-height:44px}.leave-sections{display:grid;gap:1.5rem}.leave-group{margin:0}.leave-group h2{margin:0 0 .7rem;color:#294a3b;font:700 1.3rem Georgia,serif}
.leave-card{display:grid;gap:.75rem;margin:.55rem 0;border:1px solid #dce1dc;border-radius:12px;padding:1rem;background:#fff}.leave-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.leave-card-header h3{margin:0;color:#263b31;font-size:1.05rem}.leave-kind{display:block;margin-top:.18rem;color:#68726c;font-size:.86rem}.leave-status{display:inline-flex;flex:none;border:1px solid #c7cec9;border-radius:999px;padding:.25rem .6rem;background:#f1f3f0;color:#47544d;font-size:.78rem;font-weight:750}.leave-status.approved{border-color:#a9c8b7;background:#edf7f0;color:#286344}.leave-status.rejected,.leave-status.cancelled{border-color:#d5b5b0;background:#fff3f1;color:#81382f}.leave-status.requested{border-color:#d6c292;background:#fff8e6;color:#765a16}.leave-period{display:flex;align-items:baseline;gap:.65rem}.leave-period span{color:#68726c;font-size:.85rem}.leave-card-note{margin:0;padding:.65rem .75rem;border-radius:8px;background:#f7f7f4;color:#4f5c55;overflow-wrap:anywhere}.leave-conflict{width:fit-content;margin:0;border:1px solid #dfc58f;border-radius:999px;padding:.25rem .6rem;background:#fff8e6;color:#704f0d;font-size:.82rem;font-weight:700}.leave-metadata{display:flex;flex-wrap:wrap;gap:.25rem 1rem;color:#6b746e;font-size:.78rem}.leave-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin:0}.leave-actions .button{width:auto;min-height:40px;padding:.5rem .8rem}.leave-action.approve{background:#315f4b;color:#fff}.leave-action.reject{border-color:#cda9a5;background:#fff;color:#8b352d}.leave-action.cancel{border-color:#9b2929;background:#fffafa;color:#9b2929}.history-card{gap:.45rem;padding:.75rem 1rem;background:#fafaf8}.history-card .leave-card-note{padding:.4rem .6rem}.history-card .leave-actions{display:none}
@media(max-width:800px){.leave-form{grid-template-columns:repeat(2,minmax(0,1fr))}.leave-note{grid-column:1/2}.leave-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.leave-filters .button{width:100%}}
@media(max-width:520px){.leave-form,.leave-filters{grid-template-columns:minmax(0,1fr);padding:1rem}.leave-note{grid-column:auto}.leave-field select,.leave-field input{min-height:48px}.leave-card-header,.leave-period{align-items:flex-start;flex-direction:column;gap:.45rem}.leave-actions{display:grid;grid-template-columns:1fr;width:100%}.leave-actions .button{width:100%;min-height:48px}.leave-metadata{display:grid;gap:.25rem}.leave-conflict{max-width:100%;box-sizing:border-box}.leave-page{overflow-wrap:anywhere}}
.leave-view-switch{display:flex;gap:.5rem}.leave-view-switch .selected{background:#294a3b;color:#fff;border-color:#294a3b}
.leave-calendar-view{display:grid;gap:1rem;min-width:0}.leave-calendar-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.leave-calendar-header h2{margin:0;text-transform:capitalize}.leave-month-actions{display:flex;flex-wrap:wrap;gap:.5rem}.leave-weekdays,.leave-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.leave-weekdays span{padding:.55rem;text-align:center;font-weight:700}.leave-calendar{border-left:1px solid #dce1dc;border-top:1px solid #dce1dc}.leave-calendar-day{min-height:8rem;padding:.5rem;border-right:1px solid #dce1dc;border-bottom:1px solid #dce1dc;min-width:0}.leave-calendar-day.outside-month{background:#f4f5f7;color:#68726c}.leave-calendar-day.current-day{box-shadow:inset 0 0 0 2px #b68b52}.leave-calendar-date{display:flex;align-items:center;justify-content:space-between;gap:.3rem;margin:0 0 .35rem;font-size:.9rem}.today-label{font-size:.7rem;font-weight:700}.mobile-full-date{display:none}.leave-day-summary{margin:.2rem 0;font-size:.75rem}.leave-calendar-event{display:grid;gap:.1rem;margin:.35rem 0;padding:.4rem;border-left:4px solid #4675bf;border-radius:.25rem;background:#eaf1fb;font-size:.75rem;overflow-wrap:anywhere}.leave-calendar-event.requested{border-left-style:dashed;border-left-color:#9a6700;background:#fff5d6}.leave-calendar-event .leave-conflict{margin-top:.15rem}.leave-calendar-empty{display:block}
@media(max-width:700px){.leave-calendar-header{align-items:flex-start;flex-direction:column}.leave-weekdays{display:none}.leave-calendar{display:block;border:0}.leave-calendar-day{display:none;min-height:0;border:1px solid #dce1dc;margin-bottom:.75rem;padding:.75rem}.leave-calendar-day.has-events:not(.outside-month){display:block}.desktop-day-number{display:none}.mobile-full-date{display:inline}}
.leave-balance{background:var(--surface,white);border:1px solid #d9dee7;border-radius:12px;padding:1rem;margin:.75rem 0}.leave-balance header{display:flex;gap:1rem;align-items:end;flex-wrap:wrap}.balance-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.6rem}.balance-card{padding:.7rem;background:#f4f6f9;border-radius:8px;display:flex;flex-direction:column}.balance-card.negative{border:2px solid #a12622}.balance-card.negative strong::after{content:" (saldo negativo)";font-size:.7rem}.balance-basis,.balance-composition{color:#596273}.balance-note{white-space:pre-wrap;overflow-wrap:anywhere}.balance-warning{padding:.6rem;border-left:4px solid #9b6b00;background:#fff8df}
.balance-editor-overlay{position:fixed;inset:0;z-index:1000;background:#0008;display:grid;place-items:center;padding:1rem;overflow:auto}.balance-editor{background:var(--surface,white);border-radius:12px;padding:1.25rem;width:min(620px,100%);max-height:calc(100vh - 2rem);overflow:auto}.balance-editor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.balance-editor-field{display:flex;flex-direction:column;gap:.3rem;min-width:0}.balance-editor-field.full{grid-column:1/-1}.balance-editor-field input,.balance-editor-field textarea{box-sizing:border-box;width:100%}.balance-editor-field textarea{min-height:7rem;resize:vertical}.balance-editor-field small{color:#596273}.field-error,.balance-editor-feedback{color:#a12622;margin:.15rem 0;min-height:1.2em}.balance-editor-actions{display:flex;justify-content:flex-end;gap:.7rem;flex-wrap:wrap}@media(max-width:520px){.balance-editor-grid{grid-template-columns:1fr}.balance-editor-field.full{grid-column:auto}.balance-editor-actions .button{flex:1}}
.owner-edit-indicator{display:flex;flex-direction:column;gap:.45rem;max-width:100%;overflow-wrap:anywhere}.owner-edit-action{white-space:normal;width:100%}
.about-link{white-space:pre-line;text-align:left;border:0;border-top:1px solid #dce1dc;border-radius:0;background:transparent;color:inherit;padding:1rem}.about-panel{display:grid;gap:1rem;max-width:32rem}.about-panel p{display:grid;gap:.25rem}.about-panel span{color:#68726c}

.leave-policy-card{margin:1rem 0;padding:1rem;border:1px solid var(--border-color,#d8dee6);border-radius:.75rem}.leave-policy-card p{margin:.4rem 0}.leave-policy-card strong{font-size:1.2rem}
.policy-history ul{display:grid;gap:.5rem;padding-left:1.25rem}.policy-history li{display:grid;gap:.15rem}.policy-editor input[type="checkbox"]{width:auto;justify-self:start}

.contract-card{margin:1rem;padding:1rem;border:1px solid var(--border,#ddd);border-radius:.75rem;background:#fafafa}.contract-card p{display:flex;justify-content:space-between;gap:1rem;margin:.4rem 0}.contract-card small{display:block;font-weight:normal}.contract-card .warning{display:block}
.contract-term-editor{display:grid;gap:.65rem;margin-top:.75rem;padding:1rem;border:1px solid #d9ded9;border-radius:10px;background:#fafbf9}.contract-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),1fr));gap:.6rem;align-items:end}.contract-form label{display:grid;gap:.3rem}.contract-form input,.contract-form select{box-sizing:border-box;width:100%;min-height:42px}.contract-card{display:grid;gap:.35rem}.contract-card details{margin-top:.5rem}.contract-card details>li{display:grid;gap:.3rem;margin:.5rem 0;padding:.6rem;border:1px solid #dde2dd;border-radius:8px}.contract-card details>li input{max-width:24rem}.contract-card .secondary-danger{color:#8b352d}
@media(max-width:520px){.contract-card{margin:.75rem 0}.contract-form{grid-template-columns:1fr}.contract-form .button{width:100%}}

/* Manual attendance creation: exact civil-time controls remain distinct and responsive. */
.manual-attendance-form{width:min(640px,100%)}
.manual-attendance-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem}
.manual-attendance-field{display:grid;min-width:0;gap:.35rem;color:#4f5c55;font-size:.82rem;font-weight:700}
.manual-attendance-label{display:block}
.manual-attendance-field input,.manual-attendance-field select,.manual-attendance-field textarea{box-sizing:border-box;width:100%;min-width:0;min-height:44px;border:1px solid #b8c1bb;border-radius:9px;padding:.6rem .7rem;background:#fff;color:#263b31;font:inherit}
.manual-attendance-field textarea{min-height:7rem;resize:vertical}
.manual-attendance-grid .full-width{grid-column:1/-1}
.manual-attendance-breaks{display:grid;gap:.65rem;padding:.85rem;border:1px solid #dce1dc;border-radius:10px;background:#fafbf9}
.manual-attendance-breaks h4{margin:0;color:#294a3b}
.manual-break-list{display:grid;gap:.75rem}
.manual-break-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr)) auto;align-items:end;gap:.65rem}
.manual-attendance-actions{justify-content:flex-end}
@media(max-width:520px){.manual-attendance-grid,.manual-break-row{grid-template-columns:minmax(0,1fr)}.manual-attendance-grid .full-width{grid-column:auto}.manual-break-remove,.manual-attendance-actions .button{width:100%;min-height:48px}}
.worker-balance-access{display:grid;gap:8px;margin-top:16px;padding-top:16px;border-top:1px solid var(--border,#d8e0da)}.worker-balance-access-label{display:flex;align-items:center;gap:10px;font-weight:700}.worker-balance-access-toggle{width:20px;height:20px}.worker-balance-global-state{margin:0;color:#5b665f;font-weight:700}
.worker-balance-access{display:grid;gap:8px;margin-top:16px;padding-top:16px;border-top:1px solid var(--border,#d8e0da)}.worker-balance-access-label{display:flex;align-items:center;gap:10px;font-weight:700}.worker-balance-access-toggle{width:20px;height:20px}.worker-balance-global-state{margin:0;color:#5b665f;font-weight:700}

/* Personnel finance is a first-class, read-only Management destination. */
.finance-page{display:grid;gap:1.25rem;min-width:0}
.finance-page .page-header{margin-bottom:0}
.finance-aggregate,.finance-workflow,.finance-personnel{min-width:0;border:1px solid #dfe3df;border-radius:10px;padding:1rem;background:#fff}
.finance-aggregate h2,.finance-workflow h2,.finance-personnel h2{margin:0 0 .8rem;font-size:1.05rem}
.finance-aggregate .finance-rows{max-width:none;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.75rem}
.finance-aggregate .finance-rows p{display:grid;gap:.2rem;border-bottom:0;padding:.7rem;background:#f7f7f3}
.finance-aggregate .finance-rows p span{color:#68726c;font-size:.82rem}
.finance-personnel{display:grid;gap:.75rem}
.finance-worker{min-width:0;border:1px solid #e3e6e3;border-radius:9px;padding:.9rem}
.finance-worker header{display:flex;justify-content:space-between;gap:1rem;margin-bottom:.6rem}
.finance-worker header span{color:#68726c;font-size:.85rem}
.finance-worker .finance-rows{max-width:none;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}
.finance-worker .finance-rows p{display:grid;gap:.2rem}
.finance-worker .finance-rows span{color:#68726c;font-size:.78rem}
@media(max-width:700px){.finance-worker .finance-rows{grid-template-columns:1fr 1fr}.finance-aggregate .finance-rows{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.finance-aggregate,.finance-workflow,.finance-personnel{padding:.8rem}.finance-worker header{flex-direction:column;gap:.2rem}.finance-worker .finance-rows,.finance-aggregate .finance-rows{grid-template-columns:1fr}.finance-worker .finance-rows p{border-bottom:1px solid #eceeec;padding-bottom:.5rem}}

/* Schedule CRUD editor and keyboard-visible cell affordances. */
.planner-add{width:100%;border:1px dashed #668875;border-radius:6px;background:#f4f8f5;color:#294a3b;padding:.35rem;font-weight:700;opacity:1;cursor:pointer}
.planner-add:disabled{cursor:not-allowed;opacity:.45}
button.planner-shift{width:100%;text-align:left;cursor:pointer;font:inherit}
.schedule-editor{width:min(560px,calc(100vw - 2rem));max-height:calc(100vh - 2rem);overflow:auto}
.schedule-editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin:1rem 0}.schedule-editor-grid label{display:grid;gap:.3rem}.schedule-editor-grid input,.schedule-editor-grid select{box-sizing:border-box;min-height:44px;width:100%}
.schedule-editor-grid label>span{display:grid;gap:.35rem}.schedule-offset{margin-top:.35rem}
@media(max-width:520px){.schedule-editor-grid{grid-template-columns:1fr}.schedule-editor .review-actions{display:grid}.schedule-editor .button{width:100%;min-height:48px}}
.pwa-install{margin-top:1.5rem;padding-top:1rem;border-top:1px solid #d8ddd8}.pwa-install h2{color:#294a3b}.pwa-install .button{max-width:28rem;margin-top:.5rem}

/* Dual-presentation foundation: one runtime and DOM, with presentation-only hooks. */
.management-shell { background: #f9fafb; color: #111827; }
#app[data-presentation="desktop"] .management-shell { --management-presentation: desktop; }
#app[data-presentation="compact"] .management-shell { --management-presentation: compact; }
#app[data-presentation="compact"] button,
#app[data-presentation="compact"] .button { min-height: 44px; }
/* Standalone is an environmental refinement, never the layout selector. */
@media (display-mode: standalone) {
  #app[data-display-mode="standalone"] .management-shell {
    min-height: calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom));
  }
}

/* Runtime safety boundary for warm documents restored while the network is unavailable. */
.runtime-offline{position:fixed;inset:0;z-index:2147483647;box-sizing:border-box;display:grid;place-items:center;overflow:auto;padding:max(1rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left));background:#eef3ee;color:#20352a}
.runtime-offline[hidden]{display:none}.runtime-offline-card{box-sizing:border-box;width:min(34rem,100%);padding:clamp(1.4rem,5vw,2.5rem);border:1px solid #d3ddd5;border-radius:18px;background:#fff;box-shadow:0 18px 50px rgba(25,48,36,.16)}
.runtime-offline-card .brand{margin:0 0 1.25rem;color:#1e6841;font-weight:800;letter-spacing:.08em}.runtime-offline-card h1,.runtime-offline-card h2{margin:.8rem 0 .4rem;color:#244b38;font-family:Georgia,serif}.runtime-offline-card h1{font-size:clamp(1.65rem,5vw,2.25rem)}.runtime-offline-card h2{margin-top:1.5rem;font-size:1.25rem}.runtime-offline-card p{line-height:1.55}.runtime-offline-card .button{margin-top:.75rem}.runtime-offline-card .status{min-height:1.5rem;margin-bottom:0}
.management-runtime-offline{overflow:hidden}

/* Today shares one data/runtime model while desktop and compact use purpose-built views. */
.compact-nav,.today-compact{display:none}.today-page{display:grid;gap:1rem}.today-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.today-header h1{margin:0}.today-header .language-label{margin:0}.today-refresh{margin-left:auto}.today-summary{display:grid;grid-template-columns:repeat(5,minmax(110px,1fr));gap:.65rem}.today-summary .stat-card{min-height:92px;padding:.85rem}.today-summary .stat-value{font-size:1.55rem}.today-desktop{display:grid;grid-template-columns:minmax(0,3fr) minmax(250px,1fr);gap:1rem}.today-team,.today-attention{border:1px solid #e5e7eb;border-radius:16px;padding:1rem;background:#fff}.today-team h2,.today-attention h2{margin-top:0}.today-table{width:100%;border-collapse:collapse}.today-table th,.today-table td{padding:.7rem;text-align:left;border-bottom:1px solid #e5e7eb}.today-table thead th{color:#6b7280;font-size:.78rem;text-transform:uppercase}.today-detail-action{border:0;background:none;color:#17633d;font:inherit;font-weight:700;text-decoration:underline;cursor:pointer}.today-attention-card{display:grid;width:100%;gap:.25rem;padding:.7rem 0;border:0;border-bottom:1px solid #e5e7eb;background:#fff;text-align:left;cursor:pointer}.today-attention-card span{color:#6b7280}.attendance-evidence{margin:.65rem 0;padding:.65rem;border-left:3px solid #b68b52;background:#faf8f3}.attendance-evidence p{margin:.2rem 0}.attendance-evidence small{display:block;color:#6b7280}.attendance-detail-panel{width:min(820px,calc(100vw - 2rem));max-height:calc(100dvh - 2rem);overflow:auto}
.more-overlay{position:fixed;inset:0;z-index:1200;display:flex;align-items:flex-end;background:#0008}.more-sheet{width:100%;max-height:85dvh;overflow:auto;padding:1.25rem max(1rem,env(safe-area-inset-right)) max(1.25rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left));border-radius:16px 16px 0 0;background:#fff}.more-sheet h2{margin-top:0}.more-user{color:#6b7280}.more-item{-webkit-appearance:none;appearance:none;display:flex;width:100%;min-height:48px;align-items:center;justify-content:space-between;gap:.75rem;border:0;border-top:1px solid #e5e7eb;padding:.72rem .75rem;background:#fff;color:#294a3b;font:inherit;font-weight:650;text-align:left;cursor:pointer}.more-item:not(:disabled):hover{background:#f5faf6}.more-item:disabled{color:#8a918d;cursor:not-allowed;opacity:.62}.more-item .nav-item-label{flex:1 1 auto}.more-item .nav-item-badge{margin-left:auto}
.more-owner-edit{display:grid;gap:.5rem;margin:1rem 0;padding:1rem;border:1px solid #d7e3da;border-radius:12px;background:#f5faf6}.more-owner-edit>span:empty{display:none}.more-owner-edit-action{width:100%;min-height:48px}
@media(max-width:849px){
 body{background:#f9fafb}.management-shell{position:fixed;inset:0;display:grid;width:100%;height:100dvh;min-height:0;grid-template-rows:minmax(0,1fr) auto;overflow:hidden;padding:env(safe-area-inset-top) env(safe-area-inset-right) 0 env(safe-area-inset-left)}.sidebar{display:none}.management-shell>.content{min-height:0;overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}.content{padding:1rem}.today-desktop{display:none}.today-compact{display:grid;gap:1rem}.today-header{align-items:flex-start;flex-wrap:wrap}.today-header .language-label{display:none}.today-summary{display:flex;overflow-x:auto}.today-summary .stat-card{min-width:112px}.today-mobile-group{display:grid;gap:.65rem}.today-mobile-group h2{margin:.4rem 0 0;font-size:1rem}.today-person-card{-webkit-appearance:none;appearance:none;box-sizing:border-box;display:grid;width:100%;min-height:44px;gap:.3rem;padding:1rem;border:1px solid #e5e7eb;border-radius:16px;background:#fff;color:#111827;font:inherit;text-align:left;cursor:pointer}.today-person-card:focus-visible{outline:3px solid #17633d;outline-offset:2px}.today-card-header{display:flex;justify-content:space-between;gap:.75rem}.today-person-card strong{color:#17633d}.today-person-card small,.today-person-card>span:not(.today-card-header):not(.today-badge):not(.today-attention-reasons){color:#6b7280}.today-person-card p{margin:.1rem 0;color:#6b7280}.today-status,.today-badge{font-weight:700}.today-status{color:#166534}.today-attention-reasons{color:#92400e}.today-badge{width:max-content;border-radius:999px;padding:.25rem .5rem;background:#e8f5ed;color:#166534}.today-badge.attention{background:#fff2df;color:#92400e}.attendance-detail-overlay{inset:0;align-items:stretch;padding:0}.attendance-detail-panel{box-sizing:border-box;width:100vw;max-width:none;height:100dvh;min-height:100dvh;max-height:none;border-radius:0;padding:max(1rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left));box-shadow:none;overflow-y:auto}.compact-nav{position:static;z-index:900;display:grid;width:100%;grid-template-columns:repeat(var(--compact-nav-items,4),minmax(0,1fr));padding:4px 4px max(4px,env(safe-area-inset-bottom));border-top:1px solid #e5e7eb;background:#fff}.compact-nav[data-items="3"]{--compact-nav-items:3}.compact-nav[data-items="4"]{--compact-nav-items:4}.compact-nav-item{min-height:52px;border:0;background:#fff;color:#6b7280;font-weight:700}.compact-nav-item.active{color:#166534}.page-header{margin-bottom:1rem}
}
.attention-center-page{display:grid;gap:1rem}.attention-center-list{display:grid;gap:.5rem}.attention-center-item{display:grid;grid-template-columns:minmax(10rem,2fr) 1fr 2fr 1fr;gap:1rem;align-items:center;width:100%;padding:1rem;border:1px solid #e5e7eb;border-radius:12px;background:#fff;text-align:left;cursor:pointer}.attention-center-item small{color:#17633d}@media(max-width:849px){.attention-center-item{grid-template-columns:1fr;gap:.3rem;overflow-wrap:anywhere}.attention-center-page{min-width:0}}
.attention-center-filters{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.75rem;align-items:end;padding:1rem;border:1px solid #e5e7eb;border-radius:12px;background:#fff}.attention-center-filters label{display:grid;gap:.3rem}.attention-center-filters input,.attention-center-filters select{box-sizing:border-box;width:100%;min-height:44px}.attention-center-item span:nth-child(3){display:grid;gap:.2rem}.attention-blocker{color:#92400e!important}@media(max-width:849px){.attention-center-filters{grid-template-columns:1fr}.attention-center-filters>*{min-width:0;width:100%}}
.test-account-badge{display:inline-block;padding:.12rem .4rem;border-radius:999px;background:#fff1c2;color:#6f4d00;font-size:.68rem;font-weight:800;letter-spacing:.06em}

.planner-week-heading{position:sticky;inset-block-start:0;z-index:3;background:#e9eee9;font-weight:700;text-align:center;color:#294a3b}.planner-week-summary{display:flex;flex-direction:column;gap:.3rem;background:#f6f8f5;font-size:.82rem;font-weight:650}.planner-cell.current-day{background:#f1f7f2;box-shadow:inset 0 3px #789783}.planner-fact{display:flex;flex-direction:column;gap:.18rem;border:1px solid #d6ddd8;border-radius:6px;padding:.4rem;background:#fff;text-align:left;color:#27332d}.planner-cell.past .planner-fact{order:-1;border-left:3px solid #526e60}.planner-cell.future .planner-shift{font-size:.92rem}.planner-attention{color:#8b352d;font-weight:700}.personnel-overview{max-width:100%;overflow-x:clip}

.attendance-forensics{min-width:0;margin:.65rem 0;padding:.65rem;border:1px solid #e5e7eb;border-radius:8px;overflow-wrap:anywhere}
.attendance-forensics summary{cursor:pointer;font-weight:600;min-height:32px}
.attendance-forensics .forensic-help,.attendance-forensics small{color:#6b7280;font-size:.85rem}
.forensic-action{min-width:0;border-top:1px solid #e5e7eb;padding:.65rem 0}
.forensic-action p{margin:.25rem 0}.forensic-action small{display:block}

/* FA-020A: bounded Owner projections; one selected employee on mobile. */
.feature-access-workspace { min-width: 0; overflow-wrap: anywhere; }
.fa-notice { padding: 1rem; border: 1px solid #d7b69a; border-radius: 10px; background: #fffaf5; font-weight: 650; }
.fa-help { max-width: 75ch; color: #59635d; line-height: 1.5; }
.fa-tabs { display: flex; flex-wrap: wrap; border-bottom: 1px solid #d8ddd8; margin-bottom: 1rem; }
.fa-tabs > button { flex: 1 1 auto; }
.fa-filters { display: flex; flex-wrap: wrap; gap: .75rem; align-items: end; margin-bottom: 1rem; }
.fa-filters label, .fa-mobile > label, .fa-legacy label { display: grid; gap: .4rem; min-width: 0; flex: 1 1 12rem; }
.fa-filters input, .fa-filters select, .fa-mobile select, .fa-legacy select { width: 100%; min-width: 0; min-height: 44px; padding: .55rem; border: 1px solid #cbd0cb; border-radius: 8px; background: #fff; font: inherit; }
.feature-access-workspace input:focus-visible { outline: 3px solid #b68b52; outline-offset: 3px; }
.fa-details { display: grid; gap: .2rem; margin: .7rem 0; }
.fa-details dt { color: #657069; font-size: .85rem; }
.fa-details dd { margin: 0 0 .4rem; white-space: pre-wrap; }
.fa-allowed { color: #267044; }.fa-denied { color: #8b352d; }
.fa-mobile { display: grid; gap: 1rem; }.fa-desktop { display: none; }
.feature-access-workspace .access-card { margin-bottom: 1rem; }
.fa-pager { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem; margin: 1rem 0; }
.fa-audit { list-style: none; padding: 0; }
.fa-audit pre { white-space: pre-wrap; overflow-wrap: anywhere; font-size: .85rem; }
.fa-legacy { border-top: 1px solid #d8ddd8; margin-top: 2rem; padding-top: 1rem; }
.fa-legacy-card { margin: 1rem 0; padding: 1rem; border: 1px solid #dedfd9; border-radius: 14px; background: #fff; }
.fa-legacy .feature-members > div { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; }
.fa-legacy .feature-members .button { width: auto; }
@media (min-width: 850px) {
  .fa-mobile { display: none; }.fa-desktop { display: block; max-width: 100%; overflow-x: auto; }
  .fa-matrix { border-collapse: collapse; width: 100%; font-size: .9rem; }
  .fa-matrix caption { text-align: left; margin-bottom: .7rem; font-weight: 650; }
  .fa-matrix th, .fa-matrix td { min-width: 12rem; padding: 1rem; border: 1px solid #dedfd9; vertical-align: top; text-align: left; background: #fff; }
  .fa-matrix thead th { background: #e9eee9; }
}

.fa-editor { margin-block: .75rem; max-width: 40rem; }
.fa-editor summary { cursor: pointer; padding-block: .6rem; }
.fa-proposal { display: grid; gap: .75rem; padding: .75rem; border: 1px solid #cbd0cb; border-radius: 8px; }
.fa-proposal label { display: grid; gap: .4rem; }
.fa-proposal input:not([type=checkbox]), .fa-proposal textarea, .fa-proposal select { width: 100%; min-width: 0; min-height: 44px; padding: .55rem; border: 1px solid #cbd0cb; border-radius: 8px; font: inherit; box-sizing: border-box; }
.fa-proposal input[type=checkbox] { width: 24px; height: 24px; }
.fa-proposal-result { overflow-wrap: anywhere; }
.fa-proposal-result button { white-space: normal; }
.fa-proposal > * { min-width: 0; }
.fa-proposal button { white-space: normal; min-width: 0; max-width: 100%; }
.fa-proposal { grid-template-columns: minmax(0, 1fr); }

/* Settings lists and non-modal access detail panel. */
.settings-user-search {width:100%;max-width:28rem;min-height:44px;margin:0 0 1rem;padding:.65rem .8rem;border:1px solid #cbd0cb;border-radius:10px;font:inherit}
.settings-user-layout {display:grid;grid-template-columns:minmax(0,1fr);gap:1.2rem;align-items:start}
.settings-user-layout:has(.settings-user-panel:not([hidden])) {grid-template-columns:minmax(18rem,1fr) minmax(20rem,1.2fr)}
.settings-user-list {display:grid;gap:.4rem;min-width:0}
.settings-user-row {display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,1fr);gap:.6rem;align-items:center;width:100%;min-height:64px;padding:.85rem;text-align:left;background:#fff;border:1px solid #e0e5df;border-radius:10px;font:inherit;color:inherit;cursor:pointer;overflow-wrap:anywhere}
.settings-user-row span {font-size:.83rem;color:#59635d}
.settings-user-row[aria-expanded=true] {background:#edf4ef;border-color:#668976}
.settings-user-row:focus-visible,.settings-user-panel:focus-visible {outline:3px solid #b68b52;outline-offset:2px}
.settings-user-panel {position:sticky;top:1rem;min-width:0;max-height:calc(100vh - 2rem);overflow:auto;padding:1rem;background:#fff;border:1px solid #d8ddd8;border-radius:14px}
.settings-user-panel[hidden] {display:none}
.settings-user-panel .access-card {border:0;padding:.6rem 0;margin:0;box-shadow:none}
.fa-technical {margin:.6rem 0;color:#657069;font-size:.85rem}
.fa-technical summary {cursor:pointer;padding:.4rem 0}
.fa-permission {padding:.6rem 0;border-bottom:1px solid #e7eae6}
.fa-permission p {margin:.35rem 0}
@media(max-width:849px){
 .settings-user-layout:has(.settings-user-panel:not([hidden])) {grid-template-columns:minmax(0,1fr)}
 .settings-user-panel {position:static;max-height:none;grid-row:1}
 .settings-user-row {grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .settings-user-row strong {grid-column:1/-1}
}
.feature-access-workspace .fa-notice {padding:.6rem .8rem;font-size:.88rem;font-weight:500;margin:.6rem 0}
.su-login {padding:.7rem 0;border-block:1px solid #e7eae6}
.su-login summary {cursor:pointer;font-weight:600}