:root{--rec-bg:#f5f7fb;--rec-surface:#fff;--rec-soft:#f8f9fc;--rec-line:#e2e7ef;--rec-text:#071d38;--rec-muted:#758198;--rec-purple:#6842ad;--rec-teal:#12b5bd;--rec-green:#13a778;--rec-gold:#c98a18;--rec-red:#d94c5c}
.recognition-page{color:var(--rec-text);background:var(--rec-bg)}.recognition-page .portal-main,.recognition-page .portal-topbar{background:var(--rec-bg)}.recognition-page .portal-topbar{border-color:var(--rec-line);background:var(--rec-surface)}
.recognition-top-actions{display:flex;align-items:center;gap:9px}.recognition-icon-btn{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--rec-line);border-radius:7px;color:var(--rec-text);background:var(--rec-surface);cursor:pointer}.recognition-icon-btn svg{width:18px}.recognition-wrap{max-width:1450px;margin:auto;padding:24px 30px 55px}.recognition-hero{display:grid;grid-template-columns:1fr auto;gap:22px;align-items:center;margin-bottom:16px;padding:22px;border:1px solid var(--rec-line);border-radius:8px;background:var(--rec-surface)}.employee-summary{display:flex;align-items:center;gap:15px}.employee-summary .avatar{width:62px;height:62px}.employee-summary h2{margin:0 0 4px;font-size:21px}.employee-summary p{margin:0;color:var(--rec-muted);font-size:11px}.recognition-mini{display:grid;grid-template-columns:repeat(4,auto);gap:8px}.recognition-mini article{min-width:112px;padding:11px 13px;border:1px solid var(--rec-line);border-radius:7px;background:var(--rec-soft)}.recognition-mini small{display:block;color:var(--rec-muted);font-size:9px}.recognition-mini strong{display:block;margin-top:4px;font-size:16px}.recognition-tabs{display:flex;gap:6px;margin-bottom:16px;padding:5px;overflow:auto;border:1px solid var(--rec-line);border-radius:8px;background:var(--rec-surface)}.recognition-tabs button{min-height:43px;display:flex;align-items:center;gap:7px;padding:0 17px;border:0;border-radius:6px;color:var(--rec-muted);background:transparent;cursor:pointer;white-space:nowrap;font-weight:800}.recognition-tabs button svg{width:16px}.recognition-tabs button.active{color:#fff;background:var(--rec-purple)}.recognition-panel[hidden]{display:none}.panel-heading{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:14px}.panel-heading h2{margin:0 0 4px;font-size:20px}.panel-heading p{margin:0;color:var(--rec-muted);font-size:11px}.journey-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:16px}.journey-timeline{position:relative;display:grid;gap:12px}.journey-timeline:before{content:"";position:absolute;top:25px;bottom:25px;right:25px;width:2px;background:var(--rec-line)}.journey-card{position:relative;display:grid;grid-template-columns:50px 1fr auto;align-items:center;gap:13px;padding:16px;border:1px solid var(--rec-line);border-radius:8px;background:var(--rec-surface);transition:.2s}.journey-card:hover{transform:translateY(-2px);box-shadow:0 9px 24px rgba(7,29,56,.08)}.journey-card>span{z-index:1;width:50px;height:50px;display:grid;place-items:center;border-radius:50%;color:var(--rec-purple);background:#f1ebfb}.journey-card>span.teal{color:#087f85;background:#e4f7f8}.journey-card>span.green{color:#087556;background:#e4f6ef}.journey-card>span.gold{color:#9a6710;background:#fff1d4}.journey-card>span.blue{color:#347fc3;background:#e9f3fc}.journey-card h3{margin:0 0 4px;font-size:14px}.journey-card p{margin:0;color:var(--rec-muted);font-size:10px}.journey-card time{color:var(--rec-muted);font-size:9px}.journey-aside{display:grid;align-content:start;gap:12px}.journey-aside article{padding:17px;border:1px solid var(--rec-line);border-radius:8px;background:var(--rec-surface)}.journey-aside small{color:var(--rec-muted);font-size:9px}.journey-aside strong{display:block;margin:5px 0;font-size:23px}.journey-aside p{margin:0;color:var(--rec-muted);font-size:10px;line-height:1.7}.next-milestone{border-top:3px solid var(--rec-teal)!important}.badge-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:14px}.badge-groups{display:flex;gap:6px;overflow:auto}.badge-groups button{padding:8px 12px;border:1px solid var(--rec-line);border-radius:999px;color:var(--rec-muted);background:var(--rec-surface);cursor:pointer;white-space:nowrap}.badge-groups button.active{color:#fff;border-color:var(--rec-purple);background:var(--rec-purple)}.badge-count{color:var(--rec-purple);font-weight:800}.badges-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.badge-card{position:relative;min-height:190px;padding:18px;border:1px solid var(--rec-line);border-radius:8px;background:var(--rec-surface);text-align:center}.badge-card.locked{filter:grayscale(.8);opacity:.55}.badge-emblem{width:62px;height:62px;display:grid;place-items:center;margin:0 auto 12px;border:1px solid #d8cbea;border-radius:50%;color:var(--rec-purple);background:#f3eefb}.badge-emblem svg{width:27px}.badge-card h3{margin:0 0 5px;font-size:14px}.badge-card p{margin:0;color:var(--rec-muted);font-size:10px}.badge-card footer{margin-top:13px;padding-top:11px;border-top:1px solid var(--rec-line)}.badge-card footer small{display:block;color:var(--rec-muted);font-size:8px}.badge-card footer strong{display:block;margin-top:3px;font-size:9px}.stats-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:11px;margin-bottom:15px}.stat-tile{padding:16px;border:1px solid var(--rec-line);border-radius:8px;background:var(--rec-surface)}.stat-tile>span{width:36px;height:36px;display:grid;place-items:center;margin-bottom:12px;border-radius:7px;color:var(--rec-purple);background:#f1ebfb}.stat-tile svg{width:17px}.stat-tile small{color:var(--rec-muted);font-size:9px}.stat-tile strong{display:block;margin-top:4px;font-size:21px}.achievement-chart{display:grid;grid-template-columns:1fr 1fr;gap:14px}.chart-card{padding:19px;border:1px solid var(--rec-line);border-radius:8px;background:var(--rec-surface)}.chart-card h3{margin:0 0 4px;font-size:15px}.chart-card>p{margin:0 0 20px;color:var(--rec-muted);font-size:10px}.bar-chart{height:185px;display:flex;align-items:end;gap:16px;padding-top:15px}.bar-chart div{height:var(--h);flex:1;position:relative;border-radius:5px 5px 0 0;background:var(--rec-teal)}.bar-chart span{position:absolute;top:calc(100% + 7px);right:50%;transform:translateX(50%);color:var(--rec-muted);font-size:8px}.commitment-ring{width:160px;height:160px;display:grid;place-items:center;margin:auto;border-radius:50%;background:conic-gradient(var(--rec-teal) 97.8%,var(--rec-line) 0)}.commitment-ring:before{content:"";position:absolute;width:125px;height:125px;border-radius:50%;background:var(--rec-surface)}.commitment-ring div{z-index:1;text-align:center}.commitment-ring strong{display:block;font-size:29px}.commitment-ring span{color:var(--rec-muted);font-size:9px}.memories-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.memory-card{min-height:190px;display:flex;flex-direction:column;justify-content:flex-end;padding:18px;border:1px solid var(--rec-line);border-radius:8px;background:var(--rec-surface)}.memory-card>span{width:45px;height:45px;display:grid;place-items:center;margin-bottom:auto;border-radius:7px;color:var(--rec-purple);background:var(--rec-soft)}.memory-card small{color:var(--rec-muted);font-size:9px}.memory-card h3{margin:5px 0;font-size:14px}.memory-card p{margin:0;color:var(--rec-muted);font-size:10px;line-height:1.7}.messages-list{display:grid;gap:11px}.appreciation-card{display:grid;grid-template-columns:auto 1fr auto;gap:13px;padding:18px;border:1px solid var(--rec-line);border-radius:8px;background:var(--rec-surface)}.appreciation-card>span{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--rec-purple);font-weight:800}.appreciation-card h3{margin:0 0 3px;font-size:13px}.appreciation-card small{color:var(--rec-muted);font-size:9px}.appreciation-card p{grid-column:2/-1;margin:8px 0 0;padding:12px;border-radius:7px;background:var(--rec-soft);font-size:11px;line-height:1.8}.message-kind{padding:5px 9px;border-radius:999px;color:#087556;background:#e4f6ef;font-size:8px;font-weight:800}.recognition-popup{position:fixed;z-index:150;inset:0;display:grid;place-items:center;padding:20px;background:rgba(5,19,38,.68)}.recognition-popup[hidden]{display:none}.recognition-popup>div{width:min(430px,100%);padding:27px;border-radius:9px;background:var(--rec-surface);text-align:center}.recognition-popup .badge-emblem{width:75px;height:75px}.recognition-popup h2{margin:8px 0}.recognition-popup p{color:var(--rec-muted);font-size:11px;line-height:1.8}.recognition-popup button{min-height:42px;padding:0 20px;border:0;border-radius:7px;color:#fff;background:var(--rec-purple);cursor:pointer;font-weight:800}
.admin-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:16px}.admin-card{padding:19px;border:1px solid var(--rec-line);border-radius:8px;background:var(--rec-surface)}.admin-card h2{margin:0 0 4px;font-size:17px}.admin-card>p{margin:0 0 17px;color:var(--rec-muted);font-size:10px}.recognition-form{display:grid;grid-template-columns:1fr 1fr;gap:13px}.recognition-form label{display:grid;gap:6px;font-size:10px;font-weight:800}.recognition-form .full{grid-column:1/-1}.recognition-form input,.recognition-form select,.recognition-form textarea{width:100%;padding:11px;border:1px solid var(--rec-line);border-radius:7px;color:var(--rec-text);background:var(--rec-surface);font:inherit}.recognition-form input,.recognition-form select{height:44px}.recognition-form footer{grid-column:1/-1;display:flex;justify-content:flex-end;gap:8px;padding-top:13px;border-top:1px solid var(--rec-line)}.recognition-form button{min-height:42px;display:inline-flex;align-items:center;gap:7px;padding:0 16px;border:0;border-radius:7px;color:#fff;background:var(--rec-purple);cursor:pointer;font-weight:800}.automation-list{display:grid;gap:8px}.automation-item{display:flex;align-items:center;gap:10px;padding:11px;border:1px solid var(--rec-line);border-radius:7px}.automation-item div{flex:1}.automation-item strong{display:block;font-size:10px}.automation-item small{color:var(--rec-muted);font-size:8px}.switch{width:40px;height:22px;position:relative}.switch input{position:absolute;opacity:0}.switch span{position:absolute;inset:0;border-radius:99px;background:#c8d0da;cursor:pointer}.switch span:after{content:"";position:absolute;top:3px;right:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:.2s}.switch input:checked+span{background:var(--rec-teal)}.switch input:checked+span:after{right:21px}.admin-history{margin-top:16px}.admin-history table{width:100%;border-collapse:collapse}.admin-history th,.admin-history td{padding:11px;border-bottom:1px solid var(--rec-line);text-align:right;font-size:9px}.admin-history th{color:var(--rec-muted)}
.recognition-admin-wrap{width:calc(100% - clamp(28px,4vw,64px));max-width:1700px;padding-inline:0}.admin-recognition-hero h2{margin:0 0 6px;font-size:20px}.admin-recognition-hero p{margin:0;color:var(--rec-muted);font-size:11px}.admin-grid{grid-template-columns:minmax(0,1fr) minmax(320px,380px)}.admin-card{min-width:0}.recognition-form>*{min-width:0}.recognition-form textarea{resize:vertical}.automation-list{max-height:520px;overflow:auto;padding-inline-end:4px}.automation-item{min-width:0}.automation-item div{min-width:0}.automation-item strong,.automation-item small{overflow-wrap:anywhere}.admin-history{overflow:hidden}.admin-history .table-scroll{width:100%;overflow-x:auto}.admin-history table{min-width:720px}.admin-history th,.admin-history td{white-space:nowrap}.recognition-form button{white-space:normal;text-align:center}
@media(max-width:1100px){.recognition-hero,.journey-layout,.admin-grid{grid-template-columns:1fr}.badges-grid{grid-template-columns:repeat(3,1fr)}.stats-grid{grid-template-columns:repeat(3,1fr)}.recognition-mini{grid-template-columns:repeat(4,1fr)}}
@media(max-width:1450px){.admin-grid{grid-template-columns:1fr}.admin-recognition-hero{grid-template-columns:1fr}.admin-recognition-hero .recognition-mini{grid-template-columns:repeat(4,minmax(0,1fr))}.automation-list{max-height:none}}
@media(max-width:700px){.recognition-wrap{padding:16px 14px 40px}.recognition-hero{align-items:start}.employee-summary{align-items:flex-start}.recognition-mini{grid-template-columns:1fr 1fr}.recognition-mini article{min-width:0}.badges-grid,.stats-grid,.memories-grid,.achievement-chart{grid-template-columns:1fr}.journey-card{grid-template-columns:45px 1fr}.journey-card time{grid-column:2}.journey-timeline:before{right:22px}.appreciation-card{grid-template-columns:auto 1fr}.message-kind{grid-column:2}.appreciation-card p{grid-column:1/-1}.recognition-form{grid-template-columns:1fr}.recognition-form .full,.recognition-form footer{grid-column:auto}.recognition-form footer{display:grid}.panel-heading,.badge-toolbar{align-items:stretch;flex-direction:column}.official-holidays{overflow:hidden}}
@media(max-width:700px){.recognition-admin-wrap{width:calc(100% - 28px);padding:16px 0 40px}.admin-recognition-hero .recognition-mini{grid-template-columns:1fr 1fr}.admin-card{padding:15px}.recognition-form button{width:100%;justify-content:center}.admin-history table{min-width:650px}}
.admin-recognition-tabs{display:flex;gap:6px;margin-bottom:16px;padding:5px;overflow-x:auto;border:1px solid var(--rec-line);border-radius:8px;background:var(--rec-surface)}.admin-recognition-tabs button{min-height:43px;display:flex;align-items:center;gap:7px;padding:0 16px;border:0;border-radius:6px;color:var(--rec-muted);background:transparent;cursor:pointer;white-space:nowrap;font-weight:800}.admin-recognition-tabs button svg{width:16px}.admin-recognition-tabs button.active{color:#fff;background:var(--rec-purple)}.admin-recognition-panel[hidden]{display:none}.recognition-guide ul{display:grid;gap:11px;margin:18px 0;padding:0;list-style:none}.recognition-guide li{position:relative;padding-inline-start:20px;color:var(--rec-muted);font-size:11px}.recognition-guide li:before{content:"";position:absolute;inset-inline-start:0;top:5px;width:8px;height:8px;border-radius:50%;background:var(--rec-teal)}.recognition-guide button,.admin-primary{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 15px;border:0;border-radius:7px;color:#fff;background:var(--rec-purple);cursor:pointer;font-weight:800}.recognition-guide button svg,.admin-primary svg{width:16px}.library-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.library-heading h2{margin:0 0 4px}.library-heading p{margin:0;color:var(--rec-muted);font-size:10px}.library-tools{display:grid;grid-template-columns:minmax(240px,1fr) 230px 190px;gap:8px;margin-bottom:16px}.library-tools label{display:flex;align-items:center;gap:7px;padding:0 11px;border:1px solid var(--rec-line);border-radius:7px;background:var(--rec-surface)}.library-tools label svg{width:16px;color:var(--rec-muted)}.library-tools input,.library-tools select{width:100%;height:42px;border:1px solid var(--rec-line);border-radius:7px;color:var(--rec-text);background:var(--rec-surface);outline:0;font:inherit}.library-tools label input{border:0}.library-tools select{padding:0 10px}.admin-badge-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.admin-badge-card{min-width:0;display:flex;flex-direction:column;gap:11px;padding:16px;border:1px solid var(--rec-line);border-radius:8px;background:var(--rec-surface)}.admin-badge-card .badge-emblem{margin:0}.admin-badge-card>div{min-height:92px}.admin-badge-card small{color:var(--rec-muted);font-size:8px}.admin-badge-card h3{margin:5px 0;font-size:13px;overflow-wrap:anywhere}.admin-badge-card p{margin:0;color:var(--rec-muted);font-size:9px;line-height:1.7}.admin-badge-card footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:10px;border-top:1px solid var(--rec-line)}.badge-state{padding:5px 8px;border-radius:999px;color:#087556;background:#e4f6ef;font-size:8px;font-weight:800}.admin-badge-card footer button{display:flex;align-items:center;gap:5px;padding:7px 9px;border:1px solid #d9d1e9;border-radius:6px;color:var(--rec-purple);background:#fff;cursor:pointer;font-size:9px;font-weight:800}.admin-badge-card footer button svg{width:14px}.badge-emblem.gold{color:#9b6813;border-color:#e5c77e;background:#fff5d9}.badge-emblem.silver{color:#5f6c7a;border-color:#c9d0d8;background:#f1f4f6}.badge-emblem.bronze{color:#8b5430;border-color:#d5aa87;background:#faeee6}.badge-emblem.navy{color:#fff;border-color:#183654;background:#0d2948}.badge-emblem.teal{color:#087f85;border-color:#9edade;background:#e4f7f8}.library-empty{padding:45px;text-align:center;color:var(--rec-muted)}.library-empty svg{width:34px}.library-empty h3{margin:10px 0 4px;color:var(--rec-text)}.library-empty p{margin:0;font-size:10px}.grant-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px}.grant-form b,.recognition-modal b{color:var(--rec-red)}.grant-upload{min-height:68px;display:flex!important;align-items:center;gap:10px;padding:12px;border:1px dashed #c8cfda;border-radius:7px;cursor:pointer}.grant-upload input{position:absolute;opacity:0;pointer-events:none}.grant-upload>svg{color:var(--rec-purple)}.grant-upload strong,.grant-upload small{display:block}.grant-upload small{margin-top:3px;color:var(--rec-muted);font-weight:400}.grant-upload em{margin-inline-start:auto;color:var(--rec-purple);font-style:normal}.grant-notify{display:flex!important;align-items:center;gap:10px;padding:13px;border:1px solid #cce4df;border-radius:7px;background:#f3fbf8}.grant-notify input{width:18px;height:18px;accent-color:var(--rec-purple)}.grant-notify strong,.grant-notify small{display:block}.grant-notify small{margin-top:3px;color:var(--rec-muted);font-weight:400}.grant-preview{position:sticky;top:18px;align-self:start;min-height:380px;text-align:center}.grant-preview>small{color:var(--rec-muted)}.grant-preview .badge-emblem{width:90px;height:90px;margin:36px auto 18px}.grant-preview .badge-emblem svg{width:38px}.grant-preview h3{margin:0 0 8px;font-size:18px}.grant-preview p{min-height:55px;color:var(--rec-muted);font-size:10px;line-height:1.8}.grant-preview>span{display:block;margin-top:35px;padding-top:14px;border-top:1px solid var(--rec-line);color:var(--rec-purple);font-size:9px;font-weight:800}.automation-wide{grid-template-columns:repeat(2,minmax(0,1fr));max-height:none}.history-kind{padding:5px 8px;border-radius:999px;color:#087556;background:#e4f6ef;font-size:8px;font-weight:800}.history-kind.badge{color:#825914;background:#fff1d4}.recognition-modal{position:fixed;inset:0;z-index:150;display:grid;place-items:center;padding:20px;background:rgba(5,19,38,.68)}.recognition-modal[hidden]{display:none}.recognition-modal-dialog{width:min(760px,100%);max-height:calc(100vh - 40px);overflow:auto;border-radius:9px;background:var(--rec-surface);box-shadow:0 25px 70px rgba(0,0,0,.25)}.recognition-modal-dialog>header{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--rec-line);background:var(--rec-surface)}.recognition-modal-dialog>header small{color:var(--rec-purple);font-size:9px;font-weight:800}.recognition-modal-dialog>header h2{margin:3px 0 0;font-size:19px}.recognition-modal-dialog>header button{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--rec-line);border-radius:7px;background:#fff;cursor:pointer}.recognition-modal-dialog form{padding:20px}
@media(max-width:1450px){.admin-badge-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1050px){.admin-badge-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.grant-layout{grid-template-columns:1fr}.grant-preview{position:static}.automation-wide{grid-template-columns:1fr}}
@media(max-width:700px){.admin-recognition-tabs button{padding:0 12px}.library-heading{align-items:stretch;flex-direction:column}.library-tools{grid-template-columns:1fr}.admin-badge-grid{grid-template-columns:1fr}.grant-upload{align-items:flex-start;flex-wrap:wrap}.grant-upload em{width:100%;margin:0}.recognition-modal-dialog form{padding:15px}}
.admin-badge-card.inactive{opacity:.62}.badge-actions{display:flex;align-items:center;gap:5px}.admin-badge-card footer .badge-actions button{min-width:31px;min-height:31px;justify-content:center;padding:6px}.admin-badge-card footer .badge-actions button:disabled{opacity:.45;cursor:not-allowed}
.badge-library-groups{display:grid;gap:12px}.badge-library-group{min-width:0}.badge-group-toggle{width:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:13px 15px;border:1px solid #d9d1e9;border-inline-start:4px solid var(--rec-purple);border-radius:7px;background:#faf8fd;text-align:right;cursor:pointer}.badge-group-toggle>span{width:42px;height:42px;display:grid;place-items:center;border-radius:7px;color:var(--rec-purple);background:#eee8f8}.badge-group-toggle svg{width:19px}.badge-group-toggle h3{margin:0 0 3px;font-size:18px}.badge-group-toggle small{color:var(--rec-muted);font-size:10px;font-weight:700}.badge-group-toggle .group-chevron{width:18px;color:var(--rec-muted);transition:transform .2s}.badge-group-toggle[aria-expanded="true"] .group-chevron{transform:rotate(180deg)}.badge-library-group>.admin-badge-grid{margin-top:12px}.badge-library-group>.admin-badge-grid[hidden]{display:none}