.attendance-matchcode{display:block;width:105px;margin-top:10px;padding:6px;border:1px solid #d1e0e6;border-radius:7px;color:#284958;background:white;font-size:11px}.attendance-matchcode:disabled{opacity:.7}.absence-row{background:#f2f7fb!important}.absence-reason{display:flex;align-items:center;gap:12px}.absence-reason select{flex:1;min-width:180px;padding:10px;border:1px solid #c7dce6;border-radius:8px;background:white;color:#284958;font-size:12px}.absence-reason small{white-space:nowrap;font-size:11px;color:#567989}.absence-calendar-label{display:block;margin-top:8px;padding:5px;border-radius:6px;background:#e5f0f7;color:#315b75;font-size:11px}

.absence-duration{width:76px!important;min-width:76px!important;flex:0 0 76px!important;padding:10px!important}.absence-reason{flex-wrap:wrap}

.absence-hours-field{display:grid;gap:4px;font-size:10px;color:#567989;margin:0!important}

.glosa-roadmap{grid-column:1/-1;margin-bottom:24px;padding:18px;border:1px solid #cbdfe8;border-radius:12px;background:#f4fafc}.glosa-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;list-style:none;padding:0}.glosa-steps li{padding:14px;border:1px solid #d5dfe5;border-radius:10px;background:white}.glosa-steps li.done{border-color:#9dd6bf;background:#f0faf5}.glosa-steps li.done strong{color:#16805a}.glosa-steps li.next{border:2px solid #238aac}.glosa-steps p{line-height:1.6}.glosa-steps .btn{margin-top:8px;white-space:normal}

.revision-notice-dialog{max-width:620px;width:calc(100% - 40px);padding:28px;border:1px solid #cbdfe8;border-radius:16px;color:#17394b;box-sizing:border-box}.revision-notice-dialog::backdrop{background:#102f4077}.revision-notice-dialog p{line-height:1.65}.revision-ack{display:flex!important;align-items:flex-start;gap:10px;line-height:1.55;margin:18px 0}.revision-ack input{flex:0 0 18px;width:18px!important;height:18px!important;margin-top:3px}.revision-notice-dialog footer{display:flex;gap:12px;justify-content:flex-end;margin-top:22px}.revision-notice-dialog button{padding:12px;border-radius:8px;border:1px solid #b9d0dc;cursor:pointer}.revision-notice-dialog [data-accept]{background:#238aac;color:white}.revision-notice-dialog button:disabled{opacity:.5;cursor:default}

/* Compact roadmap: details stay in the tooltip, actions on the signals. */
.glosa-roadmap{padding:10px 14px;margin-bottom:16px}.glosa-roadmap-head{display:flex;align-items:center;justify-content:space-between;font-size:12px}.glosa-refresh{border:0;background:transparent;color:#426b7e;font-size:21px;line-height:1;cursor:pointer;padding:3px 8px}.glosa-signals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;list-style:none;padding:0;margin:8px 0}.glosa-signals li{position:relative;min-width:0}.glosa-signals li:not(:last-child)::after{content:"";position:absolute;top:14px;left:calc(50% + 20px);right:calc(-50% + 20px);height:2px;background:#c9dce4}.glosa-signal{position:relative;z-index:1;width:100%;border:0;background:transparent;display:flex;flex-direction:column;align-items:center;gap:4px;color:#254b5d;font:inherit;font-size:12px;cursor:pointer;padding:0 2px}.glosa-signal[aria-disabled]{cursor:default}.glosa-dot{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;font-size:17px;font-weight:700;background:#ffc857;color:#674400;box-shadow:0 0 0 4px #f4fafc}.glosa-signal.done .glosa-dot{background:#208561;color:white}.glosa-signal.next .glosa-dot{background:#258bad;color:white}.glosa-signal.blocked .glosa-dot{background:#b85555;color:white}.glosa-signal:focus-visible{outline:2px solid #1d789b;outline-offset:5px;border-radius:5px}.glosa-plan-hint{font-size:11px;margin:6px 0 0;color:#567989}.glosa-instruction-action{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-top:8px}.module-dialog:has(#glosa-form) .module-modal-body{padding:18px 24px}.module-dialog:has(#glosa-form) .module-modal-head{padding:18px 24px}.module-dialog:has(#glosa-form) .module-form{gap:12px}.module-dialog:has(#glosa-form) textarea{min-height:70px;height:70px}.module-dialog:has(#glosa-form) .module-form>.module-note{padding:9px 12px;margin:0;font-size:11px}.module-dialog:has(#glosa-form) .module-modal-body>p{margin:0 0 12px}@media(max-width:480px){.glosa-roadmap{padding:10px}.glosa-signal{font-size:11px}.glosa-signals{gap:4px}.module-dialog:has(#glosa-form) .module-modal-body{padding:14px}}