.employee-feedback-button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:8px 11px;border:1px solid var(--ki-border,#bdcfe2);border-radius:11px;background:var(--ki-surface,#fff);color:var(--ki-text,#183b57);font:inherit;font-size:12px;font-weight:750;white-space:nowrap;cursor:pointer}
.employee-feedback-button[hidden]{display:none!important}.employee-feedback-button svg{width:19px;height:19px;flex:none}.employee-feedback-button:hover{background:var(--ki-soft,#edf5fc)}.employee-feedback-button:focus-visible,.employee-feedback-dialog :is(button,input,textarea,select,summary):focus-visible{outline:3px solid #1e92cc;outline-offset:3px}
.employee-feedback-count{display:inline-flex;align-items:center;justify-content:center;min-width:21px;height:21px;padding:0 5px;border-radius:20px;background:#c33653;color:#fff;font-size:11px;line-height:1}
.employee-feedback-button.has-feedback-attention{border-color:#0879b3;background:#d8f3ff;color:#08466c;box-shadow:0 0 0 3px #159cdb40,0 0 16px #129cdd55;animation:employee-feedback-pulse 1.8s ease-in-out infinite}
.employee-feedback-button.has-feedback-attention .employee-feedback-count{background:#b82345;box-shadow:0 0 0 2px #ffffffb3}
@keyframes employee-feedback-pulse{0%,100%{box-shadow:0 0 0 2px #159cdb40,0 0 12px #129cdd45}50%{box-shadow:0 0 0 5px #159cdb60,0 0 24px #129cdd88;border-color:#005c9a}}
dialog.employee-feedback-dialog{box-sizing:border-box;min-width:0!important;width:min(920px,calc(100vw - 36px));max-width:calc(100vw - 20px)!important;max-height:min(90dvh,960px);padding:0;border:1px solid var(--ki-border,#c5d5e5);border-radius:20px;background:var(--ki-surface,#fff);color:var(--ki-text,#173b59);box-shadow:0 20px 80px #112c4b45;overflow:hidden;font:inherit;text-align:left}
.employee-feedback-dialog::backdrop{background:#102e4a80;backdrop-filter:blur(3px)}
.employee-feedback-dialog[open]{display:flex;flex-direction:column}.employee-feedback-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;flex:none;padding:24px 26px 20px;background:linear-gradient(115deg,var(--ki-surface,#fff),var(--ki-soft,#edf5fc));border-bottom:1px solid var(--ki-border,#d5e1ed)}
.employee-feedback-eyebrow{display:block;margin:0 0 6px;color:#087b9e;font-size:10px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.employee-feedback-header h2{margin:0;color:var(--ki-text,#173b59);font-size:23px;line-height:1.25;letter-spacing:-.02em}.employee-feedback-header p{margin:8px 0 0;color:var(--ki-muted,#5b7188);font-size:13px;line-height:1.5}.employee-feedback-close{min-width:36px;min-height:36px;padding:3px!important;flex:none;font-size:25px!important;line-height:1}
.employee-feedback-tabs{display:flex;gap:6px;flex:none;padding:12px 24px;border-bottom:1px solid var(--ki-border,#d5e1ed)}.employee-feedback-tabs button,.employee-feedback-filters [role=group] button{display:inline-flex;gap:8px;align-items:center;justify-content:center;padding:9px 13px;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--ki-muted,#5b7188);font:inherit;font-size:12px;font-weight:750;cursor:pointer}.employee-feedback-tabs button.is-active{background:#e8f1fe;color:#244f9e;border-color:#b7cdf0}.employee-feedback-tabs button span{padding:2px 7px;background:#fff;border-radius:15px;font-size:10px}
.employee-feedback-body{min-height:180px;padding:22px 26px;overflow:auto;overscroll-behavior:contain}.employee-feedback-dialog button:disabled{opacity:.6;cursor:wait}.employee-feedback-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;flex:none;padding:14px 26px;border-top:1px solid var(--ki-border,#d5e1ed);background:var(--ki-soft,#f4f8fc)}.employee-feedback-footer small{font-size:11px;color:var(--ki-muted,#5b7188)}
.employee-feedback-intro{display:flex;gap:12px;align-items:flex-start;margin:0 0 20px;padding:14px 16px;background:#eff8fd;border:1px solid #cde8f3;border-radius:12px}.employee-feedback-intro>span{font-size:24px;line-height:1;color:#1387b2}.employee-feedback-intro p{margin:0;color:#345b75;font-size:13px;line-height:1.6}
.employee-feedback-field{display:flex;flex-direction:column;gap:7px;margin:0 0 18px}.employee-feedback-field label,.employee-feedback-item-detail form label{color:var(--ki-text,#173b59);font-size:12px;font-weight:750}.employee-feedback-field :is(input,select,textarea),.employee-feedback-item-detail textarea{box-sizing:border-box;width:100%;min-height:42px;padding:10px 12px;border:1px solid var(--ki-border,#bdcfe2);border-radius:10px;background:var(--ki-surface,#fff);color:var(--ki-text,#173b59);font:inherit;font-size:13px;line-height:1.5}.employee-feedback-field textarea,.employee-feedback-item-detail textarea{resize:vertical}.employee-feedback-field textarea{min-height:145px}.employee-feedback-field select{appearance:none;padding-right:38px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='m1 1 5 5 5-5' fill='none' stroke='%23566f89' stroke-width='2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:10px 7px}.employee-feedback-field :is(input,textarea)[readonly]{background:var(--ki-soft,#f3f7fb)}
.employee-feedback-submit,.employee-feedback-implement-footer{display:flex;justify-content:space-between;align-items:center;gap:18px}.employee-feedback-submit small,.employee-feedback-implement-footer small{max-width:440px;color:var(--ki-muted,#5b7188);font-size:11px;line-height:1.5}.employee-feedback-submit button,.employee-feedback-implement-footer button{flex:none}.employee-feedback-notice{margin:0 0 18px;padding:12px 14px;border:1px solid #b8e0ca;border-radius:10px;background:#effaf4;color:#176344;font-size:13px;line-height:1.55}.employee-feedback-notice.is-error{border-color:#e6b9c2;background:#fff3f5;color:#963046}
.employee-feedback-retry-actions{display:flex;gap:8px;flex-wrap:wrap}
.employee-feedback-file-field label span{font-weight:400;color:var(--ki-muted,#5b7188)}.employee-feedback-file-field>small{font-size:11px;line-height:1.5;color:var(--ki-muted,#5b7188)}.employee-feedback-file-field input[type=file]{min-width:0;background:var(--ki-soft,#f3f7fb);font-size:12px;padding:7px}.employee-feedback-file-field input[type=file]::file-selector-button{margin-right:10px;padding:7px 10px;border:1px solid var(--ki-border,#bdcfe2);border-radius:7px;background:var(--ki-surface,#fff);color:var(--ki-text,#173b59);font:inherit;font-weight:650;cursor:pointer}.employee-feedback-selected-files,.employee-feedback-attached ul{display:flex;flex-direction:column;gap:7px;list-style:none;margin:4px 0 0;padding:0}.employee-feedback-selected-files li,.employee-feedback-attached li{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:9px;align-items:center;padding:9px 11px;border:1px solid var(--ki-border,#d2e0ed);border-radius:9px;background:var(--ki-soft,#f7fafd)}.employee-feedback-selected-files li>span:first-child,.employee-feedback-attached li>span:first-child{font-size:21px;color:#35779e;line-height:1}.employee-feedback-selected-name{font-size:12px;font-weight:650;overflow-wrap:anywhere}.employee-feedback-selected-name small{display:block;margin-top:2px;color:var(--ki-muted,#5b7188);font-size:10px;font-weight:400}.employee-feedback-selected-files .button{min-height:30px;padding:5px 8px;font-size:11px}.employee-feedback-attached{margin:0 0 15px}.employee-feedback-attached>strong{font-size:11px;color:var(--ki-muted,#5b7188)}.employee-feedback-attached ul{margin-top:8px}.employee-feedback-attached a{color:#245ba3;font-size:12px;font-weight:650;overflow-wrap:anywhere;text-underline-offset:3px}.employee-feedback-attached li>small{font-size:10px;color:var(--ki-muted,#5b7188);white-space:nowrap}
.employee-feedback-filters{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:0 0 18px}.employee-feedback-filters [role=group]{display:flex;gap:3px;padding:3px;border:1px solid var(--ki-border,#c9d8e7);border-radius:11px;background:var(--ki-soft,#f3f7fb)}.employee-feedback-filters [role=group] button{padding:6px 12px}.employee-feedback-filters [role=group] button.is-active{background:#fff;color:#214e96;box-shadow:0 1px 5px #173b591c}
.employee-feedback-list{display:flex;flex-direction:column;gap:12px}.employee-feedback-item{border:1px solid var(--ki-border,#d0deeb);border-radius:13px;background:var(--ki-surface,#fff);overflow:hidden}.employee-feedback-item.is-unread{border-left:4px solid #1687b1}.employee-feedback-item summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px;cursor:pointer}.employee-feedback-item summary::-webkit-details-marker{display:none}.employee-feedback-item-heading{display:flex;flex-direction:column;gap:6px;min-width:0}.employee-feedback-item-heading strong{font-size:14px;line-height:1.45;overflow-wrap:anywhere}.employee-feedback-item-meta,.employee-feedback-author{color:var(--ki-muted,#5b7188);font-size:11px;line-height:1.45}.employee-feedback-author{font-weight:600}.employee-feedback-item-badges{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:7px;flex:none;max-width:205px}.employee-feedback-status,.employee-feedback-new{display:inline-flex;padding:4px 8px;border-radius:20px;background:#edf3fd;color:#315ca1;font-size:10px;font-weight:750;line-height:1.4;white-space:nowrap}.employee-feedback-status.is-implemented{background:#e4f5eb;color:#147052}.employee-feedback-new{background:#e3f6fc;color:#0e7496}.employee-feedback-chevron{margin-left:3px;font-size:17px;color:#657e98}.employee-feedback-item details[open] .employee-feedback-chevron{transform:rotate(180deg)}
.employee-feedback-item-detail{padding:0 16px 17px}.employee-feedback-description{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding:15px 0;border-top:1px solid var(--ki-border,#e1e9f1);font-size:13px;line-height:1.7}.employee-feedback-item-detail form{display:flex;flex-direction:column;gap:9px;padding:15px;border:1px solid var(--ki-border,#d5e3ef);border-radius:11px;background:var(--ki-soft,#f5f9fd)}.employee-feedback-item-detail form label span{font-weight:400;color:var(--ki-muted,#5b7188)}.employee-feedback-reply{padding:13px 15px;border:1px solid #bde3cd;border-radius:10px;background:#effaf4}.employee-feedback-reply strong{color:#176644;font-size:12px}.employee-feedback-reply p{margin:8px 0 0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.6}.employee-feedback-awaiting{margin:4px 0 0;color:var(--ki-muted,#5b7188);font-size:12px;line-height:1.6}
.employee-feedback-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;min-height:190px;padding:25px;text-align:center;color:var(--ki-muted,#5b7188);font-size:13px;line-height:1.6}.employee-feedback-empty>span{display:grid;place-items:center;width:54px;height:54px;margin-bottom:5px;border-radius:17px;background:#edf5fc;color:#39729d;font-size:28px}.employee-feedback-empty strong{color:var(--ki-text,#173b59);font-size:15px}.employee-feedback-empty p{max-width:400px;margin:0}.employee-feedback-pagination{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:18px 0 0;color:var(--ki-muted,#5b7188);font-size:11px}.employee-feedback-pagination>div{display:flex;gap:8px}.employee-feedback-dialog .button{min-height:36px;font-size:12px}
@media(max-width:700px){dialog.employee-feedback-dialog{width:calc(100vw - 20px);max-height:94dvh;border-radius:15px}.employee-feedback-header{padding:19px 17px 17px;gap:12px}.employee-feedback-header h2{font-size:19px}.employee-feedback-tabs{padding:10px 13px;gap:3px;flex-wrap:wrap}.employee-feedback-tabs button{padding:8px 10px;font-size:11px}.employee-feedback-body{padding:17px}.employee-feedback-footer{padding:12px 17px}.employee-feedback-footer small{max-width:175px;font-size:10px}.employee-feedback-item summary{padding:13px;align-items:flex-start;gap:9px}.employee-feedback-item-badges{max-width:110px}.employee-feedback-item-heading strong{font-size:13px}.employee-feedback-submit,.employee-feedback-implement-footer{align-items:stretch;flex-direction:column;gap:12px}.employee-feedback-submit button,.employee-feedback-implement-footer button{width:100%}.employee-feedback-item-detail{padding:0 13px 14px}.employee-feedback-filters{gap:8px}.employee-feedback-filters [role=group] button{padding:6px 8px}.employee-feedback-pagination{gap:8px}.employee-feedback-pagination>div{gap:5px}.employee-feedback-pagination .button{padding:7px 9px}}
@media(prefers-reduced-motion:reduce){.employee-feedback-button.has-feedback-attention{animation:none;box-shadow:0 0 0 3px #159cdb60,0 0 16px #129cdd66}}