/* V7.3 — Professional Recognition & Champion Center */
.recognition-control-view{--rec-ink:#173f35;--rec-green:#225f4e;--rec-gold:#bd8e36;--rec-line:#dce7e2;--rec-muted:#6e7d77;background:#f3f6f4;padding-bottom:28px}
.recognition-command-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.7fr) minmax(285px,.7fr);gap:34px;align-items:center;padding:28px 30px;border-radius:18px;background:radial-gradient(circle at 78% 20%,rgba(214,177,93,.21),transparent 28%),linear-gradient(125deg,#153f35 0%,#1d5747 62%,#2a6857 100%);box-shadow:0 14px 34px rgba(24,67,55,.18);color:#fff}
.recognition-command-hero:after{content:"";position:absolute;right:-60px;bottom:-105px;width:250px;height:250px;border:1px solid rgba(255,255,255,.13);border-radius:50%;box-shadow:0 0 0 38px rgba(255,255,255,.035),0 0 0 76px rgba(255,255,255,.025)}
.recognition-hero-copy{position:relative;z-index:1}.recognition-hero-copy h2{margin:6px 0 7px;font-family:Georgia,serif;font-size:31px;font-weight:500;letter-spacing:.2px}.recognition-hero-copy>p{max-width:730px;margin:0;color:rgba(255,255,255,.78);font-size:11px;line-height:1.65}.recognition-hero-rule{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:16px;color:rgba(255,255,255,.74);font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.45px}.recognition-hero-rule i{width:5px;height:5px;border-radius:50%;background:#d6ad59;box-shadow:0 0 0 4px rgba(214,173,89,.12)}
.recognition-hero-control{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:14px;border:1px solid rgba(255,255,255,.17);border-radius:15px;background:rgba(255,255,255,.09);backdrop-filter:blur(8px)}.recognition-hero-control label{display:grid;gap:5px;color:rgba(255,255,255,.72);font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.35px}.recognition-hero-control select,.recognition-hero-control input{width:100%;height:36px;border:1px solid rgba(255,255,255,.22);border-radius:9px;background:rgba(10,42,34,.42);color:#fff;padding:0 10px;outline:none;color-scheme:dark}.recognition-hero-control select:focus,.recognition-hero-control input:focus{border-color:#d4ad60}.recognition-new-btn{grid-column:1/-1;height:40px!important;border:0!important;background:linear-gradient(135deg,#d5ae62,#bd8c32)!important;color:#173b32!important;box-shadow:0 8px 18px rgba(8,33,27,.24)!important}.recognition-new-btn span{font-size:16px;line-height:0}
.recognition-kpi-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:14px 0}.recognition-kpi{display:grid;grid-template-columns:39px 1fr;gap:10px;align-items:center;min-width:0;padding:13px 14px;border:1px solid var(--rec-line);border-radius:14px;background:#fff;box-shadow:0 4px 14px rgba(24,63,53,.045)}.recognition-kpi-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#e9f1ed;color:#24614f;font-size:15px;font-weight:900}.recognition-kpi.published .recognition-kpi-icon{background:#f7ecd2;color:#9b6d19}.recognition-kpi.pending .recognition-kpi-icon{background:#fff0d4;color:#9a6208}.recognition-kpi.approved .recognition-kpi-icon{background:#dff1e8;color:#1e6b51}.recognition-kpi.category .recognition-kpi-icon{background:#e8edf6;color:#3d5d91}.recognition-kpi span,.recognition-kpi small,.recognition-kpi strong{display:block}.recognition-kpi span{font-size:8px;font-weight:800;color:#687972;text-transform:uppercase;letter-spacing:.3px}.recognition-kpi strong{margin:2px 0;font-size:20px;color:var(--rec-ink)}.recognition-kpi small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#86918d;font-size:7px}
.recognition-tabs{display:flex;gap:4px;align-items:flex-end;margin:0 0 10px;padding:5px;border:1px solid var(--rec-line);border-radius:12px;background:#fff}.recognition-tabs button{appearance:none;display:flex;align-items:center;gap:7px;border:0;border-radius:9px;background:transparent;color:#64746e;padding:9px 14px;font-size:9px;font-weight:800;cursor:pointer}.recognition-tabs button:hover{background:#f1f5f3}.recognition-tabs button.active{background:#e7f0ec;color:#1d5948}.recognition-tabs em{display:grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:99px;background:#e2e9e5;color:#53655e;font-size:7px;font-style:normal}.recognition-tabs button.active em{background:#275f4f;color:#fff}.recognition-tab-panel{display:none}.recognition-tab-panel.active{display:block}
.recognition-overview-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.75fr);gap:11px;margin-bottom:11px}.recognition-panel{border:1px solid var(--rec-line);border-radius:16px;background:#fff;box-shadow:0 5px 18px rgba(24,63,53,.045);overflow:hidden}.recognition-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:16px 17px 12px;border-bottom:1px solid #edf1ef}.recognition-panel-head h3{margin:3px 0 0;color:var(--rec-ink);font-size:14px}.recognition-panel-head>small{color:#7b8883;font-size:8px}.recognition-period-chip,.recognition-result-count{border:1px solid #d9e4df;border-radius:99px;background:#f3f7f5;color:#3d6659;padding:6px 10px;font-size:8px;font-weight:800}
.recognition-winner-grid-v73{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:14px}.recognition-winner-card{appearance:none;position:relative;overflow:hidden;text-align:left;border:1px solid #e4ded0;border-radius:14px;background:linear-gradient(145deg,#fffdf8,#f8f3e8);padding:15px;color:inherit;cursor:pointer;transition:transform .18s,box-shadow .18s,border-color .18s}.recognition-winner-card:after{content:"";position:absolute;right:-45px;top:-55px;width:135px;height:135px;border:1px solid rgba(178,132,43,.18);border-radius:50%;box-shadow:0 0 0 23px rgba(178,132,43,.045)}.recognition-winner-card:hover{transform:translateY(-2px);border-color:#d4b36d;box-shadow:0 10px 22px rgba(99,74,27,.11)}.recognition-winner-card.green{background:linear-gradient(145deg,#fbfefc,#edf6f1);border-color:#dce9e2}.recognition-winner-card.blue{background:linear-gradient(145deg,#fcfdff,#eef3fa);border-color:#dfe6f0}.recognition-winner-card.plum{background:linear-gradient(145deg,#fffdfd,#f6eff5);border-color:#e9dee8}.recognition-winner-top,.recognition-winner-foot,.recognition-winner-person{display:flex;align-items:center}.recognition-winner-top{position:relative;z-index:1;justify-content:space-between;gap:10px}.recognition-award-mark{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;background:#be8e36;color:#fff;font:800 8px/1 Georgia,serif;letter-spacing:.5px}.green .recognition-award-mark{background:#34765f}.blue .recognition-award-mark{background:#4a6d9f}.plum .recognition-award-mark{background:#7f5f7d}.recognition-winner-category{color:#8a651f;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.45px}.recognition-winner-person{position:relative;z-index:1;gap:10px;margin:12px 0}.recognition-winner-avatar,.recognition-detail-avatar,.recognition-preview-avatar{overflow:hidden;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;background:#dce9e3;color:#245b4a;font-weight:900}.recognition-winner-avatar{width:52px;height:52px;border:3px solid rgba(255,255,255,.9);box-shadow:0 4px 13px rgba(40,63,54,.16)}.recognition-winner-avatar img,.recognition-detail-avatar img,.recognition-preview-avatar img,.recognition-table-avatar img{width:100%;height:100%;object-fit:cover}.recognition-winner-person span,.recognition-winner-person small{display:block;color:#718079;font-size:7px}.recognition-winner-person h4{margin:2px 0;color:#193f35;font-family:Georgia,serif;font-size:14px;font-weight:600}.recognition-winner-card>p{position:relative;z-index:1;min-height:34px;margin:0;color:#53645d;font-size:8px;line-height:1.55}.recognition-winner-foot{position:relative;z-index:1;justify-content:space-between;gap:10px;margin-top:12px;padding-top:9px;border-top:1px solid rgba(114,95,55,.13);color:#7c8783;font-size:7px}.recognition-winner-foot b{color:#926816}.recognition-spotlight-empty{grid-column:1/-1;display:grid;place-items:center;text-align:center;min-height:250px;padding:30px;color:#6f7d78}.recognition-spotlight-empty>div{width:58px;height:58px;display:grid;place-items:center;border-radius:50%;background:#f7edd7;color:#a7771c;font-size:28px}.recognition-spotlight-empty h4{margin:12px 0 5px;color:#244e42;font-size:12px}.recognition-spotlight-empty p{max-width:360px;margin:0 0 13px;font-size:8px;line-height:1.5}
.recognition-pipeline{display:grid;grid-template-columns:repeat(4,1fr);padding:20px 16px 15px}.recognition-pipeline-step{text-align:center;min-width:0}.recognition-pipeline-step>div{display:flex;align-items:center}.recognition-pipeline-step>div span{display:grid;place-items:center;flex:0 0 auto;width:25px;height:25px;border:3px solid #e1e8e4;border-radius:50%;background:#fff;color:#5d7169;font-size:8px;font-weight:900}.recognition-pipeline-step>div i{height:2px;flex:1;background:#e3e9e6}.recognition-pipeline-step.PUBLISHED>div span{border-color:#e8d39f;background:#bd8d35;color:#fff}.recognition-pipeline-step.SUBMITTED>div span{border-color:#f0d596;background:#fff6df;color:#915e06}.recognition-pipeline-step.APPROVED>div span{border-color:#b7dbc9;background:#e8f5ef;color:#1f674f}.recognition-pipeline-step strong,.recognition-pipeline-step small{display:block}.recognition-pipeline-step strong{margin-top:8px;color:#1f4d40;font-size:16px}.recognition-pipeline-step small{color:#7a8882;font-size:7px}.recognition-pipeline-note{display:flex;align-items:center;gap:10px;margin:0 14px 15px;padding:11px;border-radius:11px;background:#f5f8f6}.recognition-pipeline-note>span{width:9px;height:9px;border-radius:50%;background:#4a8a72;box-shadow:0 0 0 5px rgba(74,138,114,.12)}.recognition-pipeline-note .warning-dot{background:#d69523;box-shadow:0 0 0 5px rgba(214,149,35,.12)}.recognition-pipeline-note .ready-dot{background:#3c7a62}.recognition-pipeline-note>div{min-width:0;flex:1}.recognition-pipeline-note strong,.recognition-pipeline-note small{display:block}.recognition-pipeline-note strong{font-size:8px;color:#274e42}.recognition-pipeline-note small{margin-top:2px;color:#76827d;font-size:7px;line-height:1.4}.recognition-pipeline-note button{appearance:none;border:0;background:transparent;color:#27614f;font-size:7px;font-weight:900;cursor:pointer;white-space:nowrap}
.recognition-category-panel{margin-bottom:11px}.recognition-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;padding:13px}.recognition-category-card{appearance:none;position:relative;display:grid;grid-template-columns:40px 1fr 12px;gap:10px;align-items:flex-start;text-align:left;border:1px solid #e1e8e4;border-radius:13px;background:#fff;padding:12px;color:inherit;cursor:pointer;transition:border-color .18s,box-shadow .18s,transform .18s}.recognition-category-card:hover{transform:translateY(-2px);border-color:#b9cec5;box-shadow:0 8px 18px rgba(31,77,64,.08)}.recognition-category-mark{display:grid;place-items:center;width:39px;height:39px;border-radius:11px;background:#f5ead0;color:#926816;font:800 9px Georgia,serif}.recognition-category-card.green .recognition-category-mark{background:#e4f1eb;color:#286b53}.recognition-category-card.blue .recognition-category-mark{background:#e8eef8;color:#456797}.recognition-category-card.plum .recognition-category-mark{background:#f1e8f0;color:#755773}.recognition-category-card h4{margin:1px 0 4px;color:#244f42;font-size:10px}.recognition-category-card p{min-height:30px;margin:0;color:#73807b;font-size:7px;line-height:1.45}.recognition-category-card small{display:block;margin-top:7px;color:#81908a;font-size:7px}.recognition-category-card small b{color:#295d4c}.recognition-category-card>i{align-self:center;color:#8b9792;font-style:normal}
.recognition-panel-head.management{align-items:center}.recognition-filter-bar{display:grid;grid-template-columns:minmax(260px,1.7fr) repeat(3,minmax(145px,.7fr)) auto;gap:8px;padding:12px 14px;border-bottom:1px solid #e9efec;background:#fbfcfb}.recognition-filter-bar label{display:grid;gap:4px;color:#77847f;font-size:7px;font-weight:800}.recognition-filter-bar select,.recognition-filter-bar input{height:34px;width:100%;border:1px solid #d9e3de;border-radius:9px;background:#fff;padding:0 9px;color:#344f46;font-size:8px;outline:none}.recognition-filter-bar select:focus,.recognition-filter-bar input:focus{border-color:#6a9b89;box-shadow:0 0 0 3px rgba(73,126,107,.09)}.recognition-search{position:relative;display:block!important}.recognition-search>span{position:absolute;left:11px;top:9px;color:#789087;font-size:14px}.recognition-search input{padding-left:33px}.recognition-filter-bar>.btn{align-self:end;height:34px}.recognition-table-wrap{max-height:580px}.recognition-table{min-width:1120px}.recognition-table thead th{position:sticky;top:0;z-index:2;background:#f4f7f5;color:#61726b;font-size:7px;text-transform:uppercase;letter-spacing:.35px}.recognition-table td{vertical-align:middle}.recognition-person-cell{display:grid;grid-template-columns:38px 1fr;gap:9px;align-items:center}.recognition-person-cell strong,.recognition-person-cell small{display:block}.recognition-person-cell strong{font-size:9px}.recognition-person-cell small{margin-top:3px;color:#718078;font-size:7px;line-height:1.45}.recognition-table-avatar{overflow:hidden;display:grid;place-items:center;flex:0 0 auto;width:37px;height:37px;border-radius:10px;background:#dfebe5;color:#2a6451;font-size:10px;font-weight:900}.recognition-category-badge{display:inline-flex;align-items:center;gap:6px;color:#6d511c;font-size:7px;font-weight:800;white-space:nowrap}.recognition-category-badge b{display:grid;place-items:center;width:23px;height:23px;border-radius:7px;background:#f4e8cc;color:#936a1c;font-size:6px}.recognition-category-badge.green{color:#28644f}.recognition-category-badge.green b{background:#e1efe8;color:#28644f}.recognition-category-badge.blue{color:#49668e}.recognition-category-badge.blue b{background:#e7edf6;color:#49668e}.recognition-category-badge.plum{color:#755a73}.recognition-category-badge.plum b{background:#efe6ee;color:#755a73}.recognition-achievement-cell{display:-webkit-box;overflow:hidden;max-width:320px;margin:0;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#52645d;font-size:8px;line-height:1.5}.has-evidence{color:#2f765c!important}.recognition-status{display:inline-flex!important;align-items:center;gap:5px;border-radius:99px;padding:5px 8px;background:#edf1ef;color:#566861;font-size:7px;font-weight:900;white-space:nowrap}.recognition-status i{width:6px;height:6px;border-radius:50%;background:#77847f}.recognition-status.SUBMITTED{background:#fff1d7;color:#8a5a08}.recognition-status.SUBMITTED i{background:#d59119}.recognition-status.APPROVED{background:#e3f1ea;color:#1e664e}.recognition-status.APPROVED i{background:#2f8061}.recognition-status.PUBLISHED{background:#f4ead2;color:#805d17}.recognition-status.PUBLISHED i{background:#bd8d35}.recognition-status.REJECTED{background:#f6e2df;color:#98433b}.recognition-status.REJECTED i{background:#b94d43}.recognition-empty-table{display:grid;place-items:center;padding:42px}.recognition-empty-table span{font-size:21px;color:#789087}.recognition-empty-table strong{margin:7px 0 2px;color:#31584b;font-size:10px}.recognition-empty-table small{color:#85918c;font-size:8px}
.recognition-archive-list{display:grid;padding:5px 16px 14px}.recognition-archive-row{appearance:none;display:grid;grid-template-columns:110px 38px minmax(170px,.8fr) 170px minmax(260px,1.3fr) 14px;gap:12px;align-items:center;text-align:left;border:0;border-bottom:1px solid #e8eeeb;background:#fff;padding:12px 2px;color:inherit;cursor:pointer}.recognition-archive-row:hover{background:#f8faf9}.recognition-archive-row:last-child{border-bottom:0}.recognition-archive-period b,.recognition-archive-period span,.recognition-archive-person strong,.recognition-archive-person small{display:block}.recognition-archive-period b{color:#86621f;font-size:8px}.recognition-archive-period span,.recognition-archive-person small{margin-top:3px;color:#7e8a85;font-size:7px}.recognition-archive-person strong{font-size:9px}.recognition-archive-row>p{display:-webkit-box;overflow:hidden;margin:0;color:#56665f;font-size:8px;line-height:1.45;-webkit-line-clamp:2;-webkit-box-orient:vertical}.recognition-archive-row>i{color:#73817b;font-style:normal}
.recognition-dialog-v73{width:min(1160px,95vw);max-width:1160px;padding:0;overflow:hidden}.recognition-dialog-v73::backdrop{background:rgba(11,31,25,.62);backdrop-filter:blur(3px)}.recognition-dialog-head{padding:17px 20px;border-bottom:1px solid #dfe8e4;background:linear-gradient(135deg,#fff,#f0f6f3)}.recognition-dialog-head h2{margin-bottom:4px}.recognition-dialog-head p{margin:0;color:#718079;font-size:8px}.recognition-form-body{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(270px,.65fr);max-height:68vh;overflow:auto;background:#f5f7f6}.recognition-form-main{display:grid;gap:9px;padding:13px}.recognition-form-block{display:grid;grid-template-columns:35px 1fr;gap:10px;padding:14px;border:1px solid #dfe7e3;border-radius:14px;background:#fff}.recognition-form-number{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;background:#e7f0ec;color:#28624f;font-size:8px;font-weight:900}.recognition-form-content{min-width:0}.recognition-form-content>h3{margin:4px 0 12px;color:#214f41;font-size:11px}.recognition-employee-picker{display:grid;grid-template-columns:1fr 1fr;gap:8px}.recognition-employee-picker label,.recognition-period-form label,.recognition-form-content>label{display:grid;gap:5px;color:#5e7069;font-size:8px;font-weight:800}.recognition-employee-picker input,.recognition-employee-picker select,.recognition-period-form input,.recognition-period-form select,.recognition-form-content textarea,.recognition-form-content>label>input{width:100%;border:1px solid #d7e2dd;border-radius:9px;background:#fff;padding:8px 10px;color:#2b493f;font:inherit;outline:none}.recognition-employee-picker input,.recognition-employee-picker select,.recognition-period-form input,.recognition-period-form select,.recognition-form-content>label>input{height:36px}.recognition-form-content textarea{min-height:105px;resize:vertical;line-height:1.55}.recognition-form-content input:focus,.recognition-form-content select:focus,.recognition-form-content textarea:focus{border-color:#689884;box-shadow:0 0 0 3px rgba(57,119,94,.08)}.recognition-employee-search{position:relative}.recognition-employee-search span{position:absolute;left:11px;top:25px;font-size:14px;color:#759087}.recognition-employee-search input{padding-left:32px}.recognition-employee-preview{grid-column:1/-1;display:grid;grid-template-columns:45px 1fr auto;gap:10px;align-items:center;padding:10px;border-radius:10px;background:#f0f5f2}.recognition-preview-avatar{width:44px;height:44px;border:2px solid #fff;box-shadow:0 3px 10px rgba(24,59,49,.12)}.recognition-employee-preview strong,.recognition-employee-preview span,.recognition-employee-preview small{display:block}.recognition-employee-preview strong{color:#234f41;font-size:9px}.recognition-employee-preview span,.recognition-employee-preview small{margin-top:2px;color:#708078;font-size:7px}.recognition-employee-preview button{appearance:none;border:0;background:transparent;color:#2e705a;font-size:7px;font-weight:900;cursor:pointer}.recognition-no-employee{grid-column:1/-1;color:#7b8782;font-size:8px}.recognition-category-choice{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.recognition-category-choice button{appearance:none;display:grid;grid-template-columns:34px 1fr;gap:8px;text-align:left;border:1px solid #e0e7e4;border-radius:10px;background:#fff;padding:9px;color:inherit;cursor:pointer}.recognition-category-choice button:hover,.recognition-category-choice button.active{border-color:#c9a14f;background:#fffaf0;box-shadow:0 0 0 2px rgba(190,142,54,.08)}.recognition-category-choice button b{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:#f4e9cf;color:#926919;font-size:7px}.recognition-category-choice button.green b{background:#e3f0e9;color:#296850}.recognition-category-choice button.blue b{background:#e7edf6;color:#486792}.recognition-category-choice button.plum b{background:#efe6ee;color:#765b74}.recognition-category-choice strong,.recognition-category-choice small{display:block}.recognition-category-choice strong{font-size:8px}.recognition-category-choice small{margin-top:2px;color:#75817c;font-size:6px;line-height:1.4}.recognition-period-form{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:9px}.recognition-character-count{text-align:right;color:#7d8984!important;font-size:7px!important}.recognition-form-content>label+label{margin-top:9px}.recognition-form-content>label>small{color:#85918c;font-size:7px;font-weight:500}.recognition-form-side{padding:13px 13px 13px 0}.recognition-form-guidance,.recognition-workflow-guide{border:1px solid #dfe7e3;border-radius:14px;background:#fff;padding:15px}.recognition-form-guidance{position:sticky;top:13px}.recognition-form-guidance h3{margin:5px 0;color:#214e41;font-family:Georgia,serif;font-size:16px;font-weight:600}.recognition-form-guidance p{margin:0;color:#65766f;font-size:8px;line-height:1.5}.recognition-form-guidance ul{margin:13px 0 0;padding:12px 0 0 18px;border-top:1px solid #e7ece9}.recognition-form-guidance li{margin:0 0 8px;color:#65736e;font-size:8px;line-height:1.45}.recognition-workflow-guide{display:grid;grid-template-columns:1fr;gap:5px;margin-top:9px}.recognition-workflow-guide>strong{margin-bottom:4px;color:#2d574a;font-size:8px}.recognition-workflow-guide>div{display:flex;align-items:center;gap:8px;color:#60726b;font-size:8px}.recognition-workflow-guide>div span{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#e8f0ec;color:#28634f;font-size:7px;font-weight:900}.recognition-workflow-guide>i{width:1px;height:6px;margin-left:10px;background:#d7e2dd}.recognition-dialog-actions{background:#fff}.recognition-save-note{margin-right:auto;color:#77847f;font-size:7px}
.recognition-detail-hero{display:grid;grid-template-columns:50px 68px 1fr auto;gap:13px;align-items:center;margin-bottom:12px;padding:17px;border-radius:14px;background:linear-gradient(135deg,#fffaf0,#f3e5c5);border:1px solid #ead8af}.recognition-detail-hero.green{background:linear-gradient(135deg,#f8fdfb,#e5f1eb);border-color:#d5e6dd}.recognition-detail-hero.blue{background:linear-gradient(135deg,#fbfdff,#e9eff8);border-color:#dce4ef}.recognition-detail-hero.plum{background:linear-gradient(135deg,#fffdfd,#f1e8f0);border-color:#e6dce5}.recognition-detail-mark{display:grid;place-items:center;width:48px;height:48px;border-radius:13px;background:#bd8d35;color:#fff;font:800 9px Georgia,serif}.recognition-detail-avatar{width:64px;height:64px;border:3px solid #fff;box-shadow:0 5px 15px rgba(30,61,51,.13)}.recognition-detail-hero>div:nth-child(3)>span,.recognition-detail-hero>div:nth-child(3)>p{display:block;color:#6c7b75;font-size:8px}.recognition-detail-hero h2{margin:3px 0;color:#173f34;font-family:Georgia,serif;font-size:20px;font-weight:600}.recognition-detail-hero p{margin:0}.recognition-detail-grid{display:grid;grid-template-columns:1.5fr .7fr;gap:10px}.recognition-detail-grid article,.recognition-detail-grid aside{border:1px solid #dfe7e3;border-radius:12px;padding:14px}.recognition-detail-grid>*>span{color:#718079;font-size:7px;font-weight:900;text-transform:uppercase;letter-spacing:.4px}.recognition-detail-grid article p{white-space:pre-wrap;color:#465b53;font-size:9px;line-height:1.65}.recognition-detail-grid article a{display:inline-flex;margin-top:4px;color:#296c55;font-size:8px;font-weight:900}.recognition-detail-grid article>small{display:block;margin-top:5px;color:#808c87;font-size:7px}.recognition-detail-grid dl{margin:9px 0 0}.recognition-detail-grid dl div{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px solid #e8eeeb;font-size:8px}.recognition-detail-grid dl div:last-child{border:0}.recognition-detail-grid dt{color:#7b8883}.recognition-detail-grid dd{margin:0;text-align:right;color:#385349;font-weight:800}.recognition-detail-workflow{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:10px}.recognition-detail-workflow>div{position:relative;padding:11px;border:1px solid #e0e7e4;border-radius:11px;background:#fafbfa}.recognition-detail-workflow span{display:grid;place-items:center;width:23px;height:23px;margin-bottom:7px;border-radius:50%;background:#e7ecea;color:#65766f;font-size:7px;font-weight:900}.recognition-detail-workflow strong,.recognition-detail-workflow small{display:block}.recognition-detail-workflow strong{color:#4c6259;font-size:8px}.recognition-detail-workflow small{margin-top:3px;color:#84908b;font-size:6px}.recognition-detail-workflow>div.done{border-color:#cfe2d9;background:#f2f8f5}.recognition-detail-workflow>div.done span{background:#34755e;color:#fff}.recognition-detail-workflow>div.current{border-color:#dfc17e;background:#fffaf0}.recognition-detail-workflow>div.current span{background:#bd8d35;color:#fff}.recognition-detail-actions{margin-top:12px}
@media(max-width:1180px){.recognition-kpi-grid{grid-template-columns:repeat(3,1fr)}.recognition-category-grid{grid-template-columns:repeat(2,1fr)}.recognition-filter-bar{grid-template-columns:1.6fr repeat(2,1fr)}.recognition-filter-bar .recognition-search{grid-column:span 2}.recognition-filter-bar>.btn{align-self:end}.recognition-archive-row{grid-template-columns:95px 38px 1fr 155px 1.4fr 12px}}
@media(max-width:900px){.recognition-command-hero,.recognition-overview-grid,.recognition-form-body{grid-template-columns:1fr}.recognition-hero-control{max-width:440px}.recognition-winner-grid-v73{grid-template-columns:1fr}.recognition-form-side{padding:0 13px 13px}.recognition-form-guidance{position:static}.recognition-archive-row{grid-template-columns:90px 38px 1fr 15px}.recognition-archive-row .recognition-category-badge,.recognition-archive-row>p{grid-column:3/4}.recognition-archive-row>i{grid-column:4;grid-row:1/3}.recognition-detail-grid{grid-template-columns:1fr}}
@media(max-width:680px){.recognition-command-hero{padding:20px}.recognition-kpi-grid{grid-template-columns:1fr 1fr}.recognition-tabs{overflow:auto}.recognition-tabs button{white-space:nowrap}.recognition-category-grid,.recognition-employee-picker,.recognition-category-choice,.recognition-period-form{grid-template-columns:1fr}.recognition-filter-bar{grid-template-columns:1fr}.recognition-filter-bar .recognition-search{grid-column:auto}.recognition-employee-preview{grid-template-columns:45px 1fr}.recognition-employee-preview button{grid-column:2}.recognition-detail-hero{grid-template-columns:48px 58px 1fr}.recognition-detail-hero>.recognition-status{grid-column:1/-1;width:max-content}.recognition-detail-avatar{width:56px;height:56px}.recognition-detail-workflow{grid-template-columns:1fr 1fr}.recognition-archive-row{grid-template-columns:75px 35px 1fr 12px}.recognition-save-note{display:none}}