.employee-sidebar{position:fixed;top:0;bottom:0;inset-inline-start:0;width:248px;background:#172d27;color:#c4d4c9;padding:25px 17px 18px;display:flex;flex-direction:column;z-index:30}.employee-brand-row{display:flex;align-items:center;justify-content:space-between}.employee-brand{display:flex;align-items:center;gap:11px;padding:0 9px 27px;text-decoration:none}.employee-brand-mark{display:grid;place-items:center;width:41px;height:43px;background:#d3e9ac;color:#1b392c;border-radius:12px}.employee-brand strong{display:block;color:white;font-size:23px;line-height:1.4}.employee-brand strong span{color:#c9e7a7}.employee-brand small{font-size:11px;color:#91a99a}.employee-sidebar-body{display:flex;flex-direction:column;min-height:0;flex:1 1}.employee-workspace-label{display:flex;gap:12px;padding:12px;border:1px solid #ffffff16;border-radius:10px;font-size:13px;align-items:center;margin-bottom:24px}.employee-workspace-label small{display:block;color:#91a99a;font-size:11px}.employee-nav{flex:1 1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#486050 transparent}.employee-nav-group+.employee-nav-group{margin-top:23px}.employee-nav-group p{color:#8ba594;font-size:11px;margin:0 12px 8px}.employee-nav a{display:flex;align-items:center;gap:11px;text-decoration:none;color:#c1d1c6;padding:10px 12px;border-radius:8px;margin-block:4px;font-size:13px}.employee-nav a:hover{background:#ffffff09;color:white}.employee-nav a[aria-current=page]{background:#d7eab7;color:#233c2c;font-weight:600}.employee-profile{display:flex;align-items:center;gap:10px;padding:17px 4px 0;margin-top:20px;border-top:1px solid #ffffff16}.employee-profile strong{display:block;font-size:12px;color:#e5ece7;font-weight:500}.employee-profile small{font-size:11px;color:#8ca294}.employee-profile button{margin-inline-start:auto;border:0;background:transparent;color:#a8c0ad;padding:7px}.employee-avatar{display:grid;place-items:center;border-radius:50%;width:34px;height:34px;background:#e4ecd9;color:#506646;text-decoration:none;font-weight:600;flex-shrink:0}.employee-topbar{margin-inline-start:248px;min-height:77px;display:flex;align-items:center;justify-content:space-between;padding:15px 35px;border-bottom:1px solid var(--color-border);background:#ffffffd9;gap:12px}.employee-breadcrumb{display:flex;align-items:center;gap:13px;color:#8c9990;font-size:13px}.employee-breadcrumb strong{color:#435a4d;font-weight:500}.employee-top-actions{display:flex;gap:18px;align-items:center}.employee-date{display:flex;gap:8px;align-items:center;color:#78867c;font-size:12px}.employee-notification{display:grid;place-items:center;width:35px;height:35px;background:white;border:1px solid var(--color-border);border-radius:9px;color:#697c70}body:has(.employee-sidebar) main{margin-inline-start:248px;padding:30px 35px 45px!important;max-width:none;min-width:0}body:has(.employee-sidebar) main>h1{font-size:25px;margin-bottom:0}body:has(.employee-sidebar) main>p{font-size:13px}.employee-home{gap:25px}.employee-page-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.employee-page-heading small{font-size:11px;color:#7d8f80}.employee-page-heading h1{margin:5px 0;font-size:26px}.employee-page-heading p{font-size:13px;margin:0}.greeting-spark{color:#a4b87a;font-size:24px;margin-inline-start:4px}.employee-outline-link{display:flex;align-items:center;gap:9px;padding:9px 15px;border:1px solid var(--color-border);background:white;text-decoration:none;border-radius:9px;font-size:12px;color:#526b57;white-space:nowrap}.attendance-overview{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(265px,1fr);gap:20px}.attendance-clock-card{background:#eaf1e3;border:1px solid #d9e5ce;border-radius:18px;padding:24px 28px 0;position:relative;overflow:hidden;text-align:center}.attendance-clock-card:before{content:"";position:absolute;width:270px;height:270px;border:1px solid #bdcca63d;border-radius:50%;inset-inline-end:-135px;top:10px;box-shadow:0 0 0 35px #bdcca612,0 0 0 70px #bdcca610;pointer-events:none}.clock-card-heading{display:flex;justify-content:space-between;align-items:center;position:relative}.clock-card-heading>span:first-child{display:flex;align-items:center;gap:7px;color:#687d5b}.clock-card-heading i{width:6px;height:6px;background:#8aa76b;border-radius:50%}.attendance-state{background:#ffffffa8;border:1px solid #d4e0c9;border-radius:20px;padding:3px 10px;color:#527344;font-size:11px}.attendance-clock{font-size:clamp(36px,4.5vw,64px);font-weight:500;letter-spacing:-1px;line-height:1.5;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;position:relative;color:#294a34}.clock-date{color:#7a8c6c;margin:0 0 22px;font-size:12px}.attendance-action-buttons{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;position:relative}.attendance-action-buttons .hr-button{min-width:150px;min-height:46px;font-size:13px}.attendance-location{display:flex;align-items:center;gap:6px;color:#6d8360;border-top:1px solid #d8e3ce;margin-top:26px;padding-block:13px;text-align:start;font-size:11px}.attendance-location span{margin-inline-start:auto;color:#8a9a7b}.today-summary{background:white;border:1px solid var(--color-border);border-radius:16px;padding:23px;display:flex;flex-direction:column}.today-summary-title{display:flex;align-items:center;gap:9px;margin-bottom:17px}.today-summary-title h2{font-size:13px;font-weight:600;margin:0}.summary-icon{display:grid;place-items:center;color:#7c9664;background:#f0f5e9;width:30px;height:30px;border-radius:8px}.summary-icon svg{width:17px}.today-summary p{font-size:11px;margin-bottom:5px}.today-worked{font-size:32px;color:#304c38;font-weight:600;margin-bottom:6px}.today-worked>span{font-size:12px;color:#899780;font-weight:400;margin-inline-start:8px}.work-progress{width:100%;height:5px;background:#edf2e8;border-radius:5px;overflow:hidden;margin-block:9px}.work-progress span{display:block;height:100%;background:#72975d;border-radius:inherit}.today-summary .remaining-time{font-size:11px;color:#90a07e;margin:2px 0 17px}.today-summary-row{margin-top:auto;padding-top:16px;display:flex;justify-content:space-between;gap:12px;border-top:1px solid #edf1e9;font-size:11px}.today-summary-row>span{color:#8a9881;display:flex;gap:6px;align-items:center}.today-summary-row strong{font-size:11px;font-weight:500;color:#566d47}.summary-link{display:flex;justify-content:space-between;color:#598146;font-size:12px;text-decoration:none;margin-top:15px}.employee-quick-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.employee-quick-links>a{display:flex;align-items:center;gap:12px;background:#fff;padding:18px;border:1px solid var(--color-border);border-radius:12px;text-decoration:none;transition:border .15s,transform .15s}.employee-quick-links>a:hover{border-color:#afc49a;transform:translateY(-2px)}.employee-quick-links>a>span:last-child{margin-inline-start:auto;color:#9aaa8e}.quick-icon{width:36px;height:36px;display:grid;place-items:center;color:#8c9c6c;background:#f0f4e9;border-radius:10px}.employee-quick-links>a:nth-child(2) .quick-icon{color:#708b9a;background:#eef3f6}.employee-quick-links>a:nth-child(3) .quick-icon{color:#a08a5b;background:#f8f4eb}.employee-quick-links strong{font-size:12px;font-weight:500;display:block}.employee-quick-links small{font-size:11px;color:#93a08b;display:block}.employee-history{border:1px solid var(--color-border);border-radius:15px;background:white;padding-top:22px;overflow:hidden}.employee-section-heading{display:flex;align-items:center;justify-content:space-between;padding-inline:23px;gap:15px}.employee-section-heading h2{margin:0 0 4px;font-weight:600}.employee-section-heading p{margin:0;font-size:11px}.employee-section-heading a{font-size:11px;color:#688953;text-decoration:none;white-space:nowrap}.employee-status{display:inline-flex;padding:3px 9px;border-radius:5px;font-size:11px;background:#f2f5ef;color:#7b8c6c}.employee-status.present{background:#edf6ee;color:#5b8b59}.employee-status.late,.employee-status.missing_check_out,.employee-status.no_shift{background:#fcf5e8;color:#a08245}.employee-menu-toggle{display:none}@media (max-width:1150px){.employee-sidebar{width:224px}.employee-topbar,body:has(.employee-sidebar) main{margin-inline-start:224px}body:has(.employee-sidebar) main{padding-inline:24px!important}.employee-quick-links>a{padding:14px;gap:8px}}@media (max-width:980px){.attendance-overview{grid-template-columns:minmax(0,1fr)}.employee-quick-links{gap:10px}.employee-quick-links small{display:none}.quick-icon{width:28px;height:28px}.quick-icon svg{width:16px}.today-summary{gap:5px}}@media (max-width:760px){.employee-sidebar{position:relative;width:100%;padding:13px 18px}.employee-brand{padding:0}.employee-brand-mark{width:33px;height:35px;border-radius:9px}.employee-brand strong{font-size:20px}.employee-brand small{font-size:10px}.employee-sidebar-body{display:none}.employee-sidebar[data-open=true] .employee-sidebar-body{display:flex;margin-top:20px}.employee-nav{max-height:55dvh}.employee-menu-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;width:40px;height:40px;border-radius:9px;border:1px solid #ffffff16;background:#ffffff09;gap:5px}.employee-menu-toggle span{width:17px;height:1px;background:#d4e0d4}.employee-topbar{margin-inline-start:0;min-height:57px;padding:10px 17px}.employee-top-actions{gap:10px}.employee-date{display:none}.employee-breadcrumb{font-size:11px;gap:8px}body:has(.employee-sidebar) main{margin-inline-start:0;padding:23px 16px 35px!important}.employee-page-heading{align-items:flex-start}.employee-page-heading h1{font-size:22px}.employee-page-heading small{font-size:10px}.employee-page-heading p{font-size:11px}.employee-outline-link{padding:8px 10px;font-size:11px;gap:5px}.employee-outline-link svg{display:none}.attendance-clock{font-size:52px}.attendance-clock-card{padding-inline:20px}.employee-quick-links{grid-template-columns:minmax(0,1fr)}.employee-quick-links>a{padding:13px 16px}.employee-quick-links small{display:block}.employee-home{gap:20px}}.employee-request-tabs{gap:6px;overflow-x:auto;flex-wrap:nowrap!important}.employee-request-tabs button{min-height:45px;white-space:nowrap;padding:11px 18px!important;color:#677e68;font-size:12px}.employee-request-board>.hr-button{align-self:flex-start}.employee-request-board .employee-card h2{font-size:14px;margin-bottom:10px}.employee-request-board .employee-card p{font-size:12px;margin-bottom:0}.request-form{background:#fff;border:1px solid var(--color-border);border-radius:15px;padding:25px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}.request-form-heading{grid-column:1/-1;border-bottom:1px solid #edf1ea;padding-bottom:16px}.request-form-heading h2{font-size:15px;margin:0 0 5px;font-weight:600}.request-form-heading p{font-size:11px;margin:0}.request-form>.hr-button,.request-form>.hr-inline,.request-form>label:has(textarea){grid-column:1/-1}.request-form>.hr-inline>label{flex:1 1;min-width:0}.request-form>.hr-button{justify-self:start;padding-inline:25px}.employee-request-board>div:has(>table){border:1px solid var(--color-border);border-radius:12px}@media (max-width:600px){.request-form{padding:19px;grid-template-columns:minmax(0,1fr)}.request-form>.hr-inline{flex-direction:column;align-items:stretch}.request-form>.hr-button{justify-self:stretch}}form.request-form{display:grid;align-items:start}.employee-home.hr-stack{gap:25px}@media (max-width:760px){.employee-home.hr-stack{gap:20px}}.employee-topbar{margin-inline-start:0;min-height:38px;padding:6px 25px;background:#f9fafb}.employee-topbar~main{margin:0;padding:20px 25px 35px!important;max-width:none}.employee-page-heading h1{font-size:21px;font-weight:600;margin:0 0 4px}.employee-page-heading small,.greeting-spark{display:none}.employee-page-heading p{font-size:11px}.employee-outline-link{padding:5px 10px;border-radius:4px;font-size:11px;color:#49677d}.employee-home.hr-stack{gap:16px}.attendance-overview{grid-template-columns:minmax(0,2fr) minmax(270px,1fr);gap:16px}.attendance-clock-card{border-radius:5px;border-color:#dce1e5;background:white;padding:16px 18px 0;display:grid;grid-template-columns:1fr 1fr;text-align:start}.attendance-clock-card:before{display:none}.clock-card-heading{grid-column:1/-1;border-bottom:1px solid #edf0f3;padding-bottom:10px}.clock-card-heading>span:first-child{font-size:12px;color:#4a5d6c}.clock-card-heading i{display:none}.attendance-state{border-radius:3px;border-color:#e4e9ee;background:#f4f6f8;color:#6e808f}.attendance-clock{font-size:32px;color:#354f63;margin-top:14px;letter-spacing:0;text-align:end;font-weight:400}.clock-date{grid-column:1;grid-row:3;font-size:11px;margin:0;color:#81909d}.attendance-action-buttons{grid-column:2;grid-row:2/span 2;justify-content:flex-end;align-items:center;gap:8px}.attendance-action-buttons .hr-button{min-height:35px;min-width:100px;font-size:12px}.attendance-location{grid-column:1/-1;border-color:#edf0f3;margin-top:18px;padding-block:9px;color:#758a99}.attendance-location span{color:#8a99a4}.today-summary{padding:16px;border-radius:5px;gap:0}.today-summary-title{margin-bottom:8px}.today-summary-title h2{font-size:12px}.summary-icon{background:#edf1f5;color:#8299aa;border-radius:3px;width:25px;height:25px}.today-worked{color:#385267;font-size:26px;font-weight:400;margin:0}.work-progress{height:3px;margin-block:6px;background:#edf1f5;border-radius:0}.work-progress span{background:#6d8ca3;border-radius:0}.today-summary .remaining-time{margin-bottom:10px;color:#8a99a4}.today-summary-row{padding-top:10px}.summary-link,.today-summary-row strong{color:#5b798e}.summary-link{margin-top:9px}.employee-quick-links{display:flex;gap:8px;flex-wrap:wrap}.employee-quick-links>a{padding:7px 11px;border-radius:4px;gap:7px;flex:0 0 auto}.employee-quick-links>a:hover{transform:none;border-color:#aabccc}.employee-quick-links small,.employee-quick-links>a>span:last-child{display:none}.employee-quick-links strong{font-weight:400;font-size:11px}.employee-quick-links>a:nth-child(n) .quick-icon,.quick-icon{background:none;color:#8299aa;width:17px;height:17px;border-radius:0}.quick-icon svg{width:15px}.employee-history{border-radius:5px;padding-top:15px}.employee-section-heading{padding-inline:16px}.employee-section-heading h2{font-size:13px}.employee-section-heading a{color:#5b798e}.employee-status{border-radius:3px}.employee-request-board .employee-card{padding:15px}.request-form{border-radius:5px;padding:18px;gap:14px}.request-form-heading{padding-bottom:10px}.request-form-heading h2{font-size:13px}.employee-request-board>div:has(>table){border-radius:5px}@media(max-width:760px){.employee-topbar{padding-inline:13px}.employee-topbar~main{padding:15px 12px 25px!important}.attendance-overview{grid-template-columns:minmax(0,1fr)}.employee-page-heading h1{font-size:19px}.attendance-clock{font-size:27px}.attendance-action-buttons .hr-button{min-width:85px}.employee-quick-links small{display:none}}.attendance-resolution{direction:rtl;color:var(--text-primary,#172a34);background:var(--surface,#fff);border:1px solid var(--border,#dbe4e7);border-radius:20px;width:min(880px,94vw);max-height:90dvh;padding:24px;overflow:auto;box-shadow:0 24px 90px #142c3540}.attendance-resolution::backdrop{background:#102b3866;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.attendance-resolution-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.attendance-resolution h2{font-size:1.2rem;margin:0}.attendance-resolution h3{font-size:1rem}.attendance-resolution p{line-height:1.9}.attendance-resolution-info{padding:12px 16px;border-radius:12px;background:var(--surface-muted,#eff7f6)}.attendance-resolution-form{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-block:20px}.attendance-resolution-form label{display:grid;gap:8px}.attendance-resolution-wide{grid-column:1/-1}.attendance-resolution-history,.attendance-resolution-preview{margin-block-start:24px;padding-block-start:16px;border-top:1px solid var(--border,#dbe4e7)}.attendance-resolution-confirm{display:flex;align-items:center;gap:10px;margin-block:16px}.attendance-resolution-history details{padding:12px;border:1px solid var(--border,#dbe4e7);border-radius:12px;margin-block:8px}.attendance-resolution summary{cursor:pointer;line-height:1.9}.attendance-resolution [role=alert]{color:var(--danger,#a92e36);background:#fff2f2;padding:12px;border-radius:10px}.attendance-resolution [role=status]{padding:12px;background:#e9f8f0;border-radius:10px}.attendance-resolution .table-scroll{overflow:auto}.attendance-resolution table{width:100%;border-collapse:collapse;white-space:nowrap}.attendance-resolution td,.attendance-resolution th{padding:10px;text-align:right;border-bottom:1px solid var(--border,#dbe4e7)}.platform-resolution-panel{padding:20px;border:1px solid var(--border,#dbe4e7);border-radius:16px;margin-block:20px}.platform-resolution-panel form{display:flex;flex-wrap:wrap;gap:12px;align-items:end}.platform-resolution-panel label{display:grid;gap:6px;flex:1 1 180px}@media (max-width:600px){.attendance-resolution{padding:16px;width:96vw;max-height:94dvh}.attendance-resolution-form{grid-template-columns:1fr}.attendance-resolution-heading{gap:8px}.attendance-resolution-heading h2{font-size:1.05rem}}.attendance-resolution-events{margin-block:20px}.attendance-resolution-events ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}.attendance-resolution-events li{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:9px 12px;background:var(--surface-muted,#f3f7f8);border-radius:8px}.attendance-resolution-events span{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.cooperative-surface{min-width:0;gap:var(--space-4)}.cooperative-surface h2{margin:0 0 var(--space-3);font-size:var(--text-md);font-weight:var(--font-weight-semibold)}.cooperative-surface h3{margin:0 0 var(--space-2);font-size:var(--text-sm);font-weight:var(--font-weight-semibold)}.cooperative-surface p{margin-block:var(--space-2)}.cooperative-surface .cooperative-panel{min-width:0;padding:var(--space-4);margin-block:0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-fg);background:var(--color-surface-2);box-shadow:var(--shadow-card)}.cooperative-surface .cooperative-policy{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4)}.cooperative-policy p,.cooperative-surface .cooperative-status{font-size:var(--text-xs);color:var(--color-fg-muted)}.cooperative-surface .cooperative-status{display:inline-flex;align-items:center;width:fit-content;flex-shrink:0;padding:2px 9px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);white-space:nowrap}.cooperative-surface .cooperative-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:var(--space-4)}.cooperative-form>.table-scroll,.cooperative-form>:is(h2,h3,p,ul,details,section),.cooperative-form>label:has(:is(textarea,input[type=checkbox])){grid-column:1/-1}.cooperative-surface label{display:grid;align-content:start;gap:var(--space-2);min-width:0;font-size:var(--text-xs);font-weight:var(--font-weight-medium)}.cooperative-surface label:has(>input[type=checkbox]){display:flex;align-items:flex-start;gap:var(--space-2);font-weight:var(--font-weight-regular)}.cooperative-surface input[type=checkbox]{flex-shrink:0;margin-block-start:5px;accent-color:var(--color-primary)}.cooperative-surface label :is(input:not([type=checkbox]),select,textarea){width:100%;min-width:0;font-weight:var(--font-weight-regular)}.cooperative-surface label>textarea{resize:vertical}.cooperative-surface .hr-button{width:fit-content;max-width:100%;justify-self:start}.cooperative-surface .cooperative-alert,.cooperative-surface .cooperative-notice{padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-inline-start:3px solid var(--color-primary);border-radius:var(--radius-md);background:var(--color-surface-2)}.cooperative-surface .cooperative-alert{border-inline-start-color:var(--color-danger)}.cooperative-product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:var(--space-4);margin-block:var(--space-4)}.cooperative-surface .cooperative-product{display:flex;flex-direction:column;gap:var(--space-2);margin:0}.cooperative-product>strong{font-size:var(--text-lg);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.cooperative-product>p{color:var(--color-fg-muted);font-size:var(--text-xs)}.cooperative-product>label{margin-top:auto;padding-top:var(--space-3)}.cooperative-surface .table-scroll{max-width:100%;overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--radius-lg)}.cooperative-surface .cooperative-order-table{padding:0}.cooperative-surface .hr-table{width:100%;border-collapse:collapse;font-size:var(--text-xs);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.cooperative-surface .hr-table :is(th,td){padding:12px 14px;text-align:start;border-bottom:1px solid var(--color-border);vertical-align:middle}.cooperative-surface .hr-table th{color:var(--color-fg-muted);background:var(--color-surface);font-weight:var(--font-weight-medium);white-space:nowrap}.cooperative-surface .hr-table tr:last-child td{border-bottom:0}.cooperative-surface .hr-table td:nth-child(2){min-width:180px;max-width:320px}.cooperative-surface .hr-table :is(td:nth-child(5),td:nth-child(6)){white-space:nowrap}.cooperative-surface .hr-table tr[aria-selected=true]{background:color-mix(in srgb,var(--color-primary) 7%,var(--color-surface-2))}.cooperative-surface .cooperative-order-detail{margin-block:var(--space-4)}.cooperative-order-detail ul{padding-inline-start:var(--space-6);margin-block:var(--space-2)}.cooperative-surface .cooperative-details{padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md)}.cooperative-details summary{cursor:pointer;font-weight:var(--font-weight-medium)}.cooperative-details[open] summary{margin-bottom:var(--space-3)}.cooperative-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-block:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.cooperative-metrics>div{padding:var(--space-4);border-bottom:1px solid var(--color-border)}.cooperative-metrics dt{font-size:var(--text-xs);color:var(--color-fg-muted)}.cooperative-metrics dd{margin:var(--space-2) 0 0;font-size:var(--text-lg)}.cooperative-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@media (max-width:760px){.cooperative-metrics,.cooperative-surface .cooperative-form{grid-template-columns:minmax(0,1fr)}.cooperative-surface .cooperative-panel{padding:var(--space-3)}.cooperative-surface .cooperative-order-table{padding:0}.cooperative-surface .hr-table :is(th,td){padding:10px}.cooperative-surface .cooperative-policy{flex-wrap:wrap}.cooperative-surface .hr-button{white-space:normal}}