:root{--bg-base: #0d1117;--bg-elevated: #161b22;--bg-elevated-2: #1c2333;--bg-hover: #232b3a;--border: #2a3140;--border-strong: #3a4256;--text-primary: #e6edf3;--text-muted: #8b98a9;--accent: #2f9e88;--accent-hover: #3bbaa0;--accent-soft: rgba(47, 158, 136, .16);--danger: #f0616d;--danger-soft: rgba(240, 97, 109, .14);font-family:Segoe UI,Inter,system-ui,Arial,sans-serif;color:var(--text-primary)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg-base);color:var(--text-primary);font-size:13px}button,input,select,textarea{font-family:inherit;font-size:inherit}button{cursor:pointer}.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 30% 20%,#1a2233,var(--bg-base) 60%);padding:24px}.login-card{width:360px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:14px;padding:28px 26px;display:flex;flex-direction:column;gap:14px;box-shadow:0 20px 60px #00000073}.login-title{margin:0;font-size:21px;letter-spacing:.5px}.login-hint{margin:0;color:var(--text-muted);font-size:10px}.login-error{margin:0;color:var(--danger);font-size:10px}.field{display:flex;flex-direction:column;gap:6px;font-size:10px;color:var(--text-muted)}.field input{height:36px;padding:0 12px;border-radius:8px;border:1px solid var(--border);background:var(--bg-base);color:var(--text-primary);outline:none}.field input:focus{border-color:var(--accent)}.btn-primary{height:38px;border:none;border-radius:8px;background:var(--accent);color:#06120f;font-weight:600}.btn-primary:hover{background:var(--accent-hover)}.app-shell{min-height:100vh;display:flex;flex-direction:column;background:var(--bg-base)}.app-header{height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:var(--bg-elevated);border-bottom:1px solid var(--border)}.app-brand{display:flex;align-items:center;gap:12px}.app-logo{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:var(--accent);color:#06120f;font-weight:700;font-size:11px}.app-title{font-size:15px;font-weight:600;letter-spacing:.4px}.app-header-actions{display:flex;align-items:center;gap:14px}.header-control{display:flex;align-items:center;gap:8px}.header-label{font-size:10px;color:var(--text-muted)}.header-select{height:32px;padding:0 10px;border-radius:8px;border:1px solid var(--border);background:var(--bg-base);color:var(--text-primary);outline:none}.header-select:focus{border-color:var(--accent)}.profile-chip{display:flex;align-items:center;gap:10px;background:var(--bg-elevated-2);border:1px solid var(--border);border-radius:999px;padding:4px 12px 4px 4px;color:var(--text-primary)}.profile-chip:hover{background:var(--bg-hover)}.profile-avatar{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent-hover);font-weight:700;font-size:10px}.profile-meta{display:flex;flex-direction:column;align-items:flex-start;line-height:1.1}.profile-name{font-size:10px;font-weight:600}.profile-role{font-size:9px;color:var(--text-muted)}.btn-ghost{height:32px;padding:0 14px;border-radius:8px;border:1px solid var(--border);background:transparent;color:var(--text-primary)}.btn-ghost:hover{background:var(--bg-hover);border-color:var(--border)}.app-toolbar{display:flex;align-items:flex-start;align-content:flex-start;flex-wrap:wrap;gap:4px;padding:10px 16px;background:var(--bg-elevated);border-bottom:1px solid var(--border);overflow:visible}.toolbar-group{display:flex;align-items:flex-start;flex:0 1 auto}.toolbar-separator{width:1px;align-self:stretch;margin:0 12px;background:var(--border)}.toolbar-block{display:flex;flex-direction:column;gap:6px}.toolbar-block-label{font-size:8px;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);padding-left:4px}.toolbar-buttons{display:flex;gap:6px;flex-wrap:wrap;row-gap:6px}.toolbar-btn{min-height:56px;width:74px;padding:4px 6px 5px;border-radius:8px;border:1px solid transparent;background:var(--bg-elevated-2);color:var(--text-primary);font-size:9px;font-weight:600;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-align:center}.toolbar-btn:hover{background:var(--bg-hover)}.toolbar-btn.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-hover);font-weight:600}.toolbar-btn-icon{display:block;line-height:1;flex-shrink:0}.toolbar-btn-text{font-size:8px;line-height:1.1;white-space:normal;word-break:break-word;overflow-wrap:anywhere;max-width:100%}.app-content{flex:1;padding:20px 24px;background:var(--bg-base);min-height:0;overflow:auto}.content-placeholder{color:var(--text-muted);font-size:12px;padding:40px;text-align:center}.module{display:flex;flex-direction:column;gap:14px;height:100%}.module-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.module-title{margin:0;font-size:16px;font-weight:600}.module-header-tools{display:flex;align-items:center;justify-content:flex-end;min-width:0}.module-header-left-tools,.module-header-left-tools .module-header-tools,.module-header-left-tools .area-filter-switches{justify-content:flex-start}.area-filter-switches{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.area-switch-btn{height:26px;padding:0 10px;border-radius:999px;border:1px solid var(--border);background:var(--bg-elevated-2);color:var(--text-muted);font-size:9px;max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.area-switch-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.area-switch-btn.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-hover)}.split-view{display:grid;grid-template-columns:300px 1fr;gap:16px;align-items:start}.split-view-products{display:grid;grid-template-columns:minmax(420px,50vw) 1fr;gap:16px;align-items:start}.products-list-pane{min-height:520px}.category-list{display:flex;flex-direction:column;gap:8px;overflow-y:auto;max-height:calc(100vh - 280px)}.category-block{border:1px solid var(--border);border-radius:8px;background:var(--bg-base);overflow:visible}.category-header{width:100%;border:none;border-bottom:1px solid var(--border);background:var(--bg-elevated-2);color:var(--text-primary);display:grid;grid-template-columns:18px 1fr auto;align-items:center;gap:6px;padding:6px 8px;font-size:10px;font-weight:600;line-height:1.25;min-height:30px;text-align:left}.category-header:hover{background:var(--bg-hover)}.category-header .assignment-area-title{display:inline-flex;align-items:center;gap:6px;color:var(--text-primary)}.category-header-icon{display:inline-flex;align-items:center;justify-content:center}.category-count{color:var(--text-muted);font-size:8px}.category-products-list{list-style:none;margin:0;padding:4px;display:flex;flex-direction:column;gap:2px}.category-empty{padding:8px 10px;color:var(--text-muted);font-size:9px}.category-product-btn{width:100%;min-height:24px;text-align:left;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--text-primary);padding:2px 6px;display:flex;align-items:center}.category-product-btn:hover{background:var(--bg-hover)}.category-product-btn.active{background:var(--accent-soft);border-color:var(--accent)}.category-product-name{font-size:10px;line-height:1.15;font-weight:600}.list-pane{background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:10px}.list-toolbar{display:flex;gap:8px}.list-search{flex:1;height:32px;padding:0 10px;border-radius:8px;border:1px solid var(--border);background:var(--bg-base);color:var(--text-primary);outline:none}.list-search:focus{border-color:var(--accent)}.entity-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;overflow-y:auto;max-height:calc(100vh - 260px)}.entity-item{width:100%;text-align:left;display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;padding:3px 8px;min-height:36px;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--text-primary)}.entity-item:hover{background:var(--bg-hover)}.entity-item.active{background:var(--accent-soft);border-color:var(--accent)}.entity-item-main{display:flex;flex-direction:column;gap:1px}.entity-item-side{display:flex;align-items:center;justify-content:center}.entity-item-name{font-size:10px;font-weight:600}.with-color-dot{display:inline-flex;align-items:center;gap:6px}.area-color-dot{width:10px;height:10px;border-radius:999px;border:1px solid var(--border-strong);flex-shrink:0}.category-color-square{width:10px;height:10px;border-radius:2px;border:1px solid var(--border-strong);flex-shrink:0}.entity-item-sub{font-size:8px;color:var(--text-muted)}.customer-list-logo{width:30px;height:30px;object-fit:contain;border-radius:6px;border:1px solid var(--border-strong);flex-shrink:0;background:#fff}.entity-empty{padding:14px 10px;color:var(--text-muted);font-size:10px}.form-pane{background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;padding:18px;min-height:300px}.form-placeholder{color:var(--text-muted);font-size:11px;display:grid;place-items:center;height:260px}.entity-form{display:flex;flex-direction:column;gap:10px}.entity-form.dense{gap:8px}.form-pane-header{display:flex;align-items:center;justify-content:space-between}.form-pane-header h3{margin:0;font-size:13px;font-weight:600}.form-pane-actions{display:flex;gap:8px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.customer-edit-layout{display:grid;grid-template-columns:minmax(520px,1fr) minmax(280px,360px);gap:14px;align-items:start}.questionnaire-edit-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch}.questionnaire-edit-layout .side-panels{min-height:calc(95vh - 220px)}.questionnaire-edit-layout .contacts-panel{height:100%}.questionnaire-questions-list{flex:1;min-height:calc(95vh - 340px);max-height:calc(95vh - 340px)}.side-panels{display:flex;flex-direction:column;gap:10px}.customer-base-panel{background:var(--bg-elevated-2);border:1px solid var(--border);border-radius:10px;padding:10px}.contacts-panel{background:var(--bg-elevated-2);border:1px solid var(--border);border-radius:10px;padding:10px;display:flex;flex-direction:column;gap:8px}.contacts-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.contacts-header-actions{display:inline-flex;align-items:center;gap:6px}.contacts-header h4{margin:0;font-size:11px}.contacts-list{display:flex;flex-direction:column;gap:8px;max-height:460px;overflow-y:auto}.contact-card{border:1px solid var(--border);background:var(--bg-base);border-radius:8px;padding:8px;display:grid;grid-template-columns:1fr auto;gap:8px;align-items:start}.contact-card-main{display:flex;flex-direction:column;gap:4px}.contact-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.contact-card-head strong{font-size:10px}.contact-default-badge{font-size:8px;color:var(--accent-hover);border:1px solid var(--accent);border-radius:999px;background:var(--accent-soft);padding:1px 6px}.contact-card-meta{display:flex;flex-direction:column;gap:1px;font-size:9px;color:var(--text-muted)}.contact-card-meta a{color:#9bc5ff;text-decoration:none}.contact-card-meta a:hover{text-decoration:underline}.contact-card-actions{display:flex;flex-direction:row;gap:6px;align-items:center}.contact-action-btn{width:28px;min-width:28px;height:28px;min-height:28px;padding:0;display:flex;align-items:center;justify-content:center;line-height:0;border-radius:7px;border:1px solid;cursor:pointer}.contact-action-btn svg{display:block;margin:0}.contact-action-btn.edit{background:#c9d1dc;border-color:#d8dde5;color:#111827}.contact-action-btn.edit:hover{background:#d8dee7;border-color:#e5e9ef}.contact-action-btn.danger{background:#f2bcc2;border-color:#f4c8cd;color:#4b1116}.contact-action-btn.danger:hover{background:#f6c9cf;border-color:#f8d8dc}.contacts-empty{color:var(--text-muted);font-size:10px;border:1px dashed var(--border);border-radius:8px;padding:10px;text-align:center}.integration-log{margin:0;border:1px solid var(--border);border-radius:8px;background:var(--bg-base);color:var(--text-primary);font-size:9px;line-height:1.35;padding:8px;white-space:pre-wrap;max-height:220px;overflow:auto}.products-mini-list{display:flex;flex-direction:column;gap:5px;max-height:180px;overflow-y:auto}.product-mini-row{padding:4px 8px;font-size:10px}.form-field{display:flex;flex-direction:column;gap:5px;font-size:10px;color:var(--text-muted)}.form-field input,.form-field textarea{padding:8px 10px;border-radius:8px;border:1px solid var(--border);background:var(--bg-base);color:var(--text-primary);outline:none;font-size:11px;resize:vertical}.form-field input:focus,.form-field textarea:focus{border-color:var(--accent)}.form-field input:disabled,.form-field textarea:disabled{opacity:.7;cursor:not-allowed}.form-line{display:grid;grid-template-columns:170px 1fr;align-items:center;gap:8px;margin-bottom:6px}.inline-label{font-size:10px;color:var(--text-muted)}.form-line input,.form-line textarea,.form-line select{min-height:30px;padding:6px 8px;border-radius:7px;border:1px solid var(--border);background:var(--bg-base);color:var(--text-primary);outline:none;font-size:10px}.form-line textarea{padding-top:8px;resize:vertical}.inline-field-actions{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px}.btn-inline-small{height:30px;padding:0 10px;font-size:9px}.form-line input:focus,.form-line textarea:focus,.form-line select:focus{border-color:var(--accent)}.form-line input:disabled,.form-line textarea:disabled,.form-line select:disabled{opacity:.7}.color-line{display:grid;grid-template-columns:44px 1fr;gap:8px;align-items:center}.color-line input[type=color]{width:44px;min-width:44px;height:30px;padding:2px}.area-select-wrap{position:relative}.area-select-trigger{width:100%;min-height:30px;padding:6px 8px;border-radius:7px;border:1px solid var(--border);background:var(--bg-base);color:var(--text-primary);display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:left}.area-select-trigger:hover{border-color:var(--accent)}.area-select-trigger:disabled{opacity:.7;cursor:not-allowed}.area-select-value{display:inline-flex;align-items:center;gap:6px;min-width:0}.area-select-caret{color:var(--text-muted);flex-shrink:0}.area-select-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:60;border:1px solid var(--border-strong);background:var(--bg-elevated);border-radius:8px;max-height:240px;overflow-y:auto;padding:4px}.area-select-option{width:100%;min-height:28px;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--text-primary);text-align:left;padding:4px 6px}.area-select-option:hover{background:var(--bg-hover)}.area-select-option.active{background:var(--accent-soft);border-color:var(--accent)}.form-actions-bottom{display:flex;gap:8px;margin-top:8px}.logo-row{display:grid;grid-template-columns:170px 1fr;gap:8px;align-items:start;margin-bottom:4px}.logo-controls{display:flex;gap:10px;align-items:flex-start}.logo-preview{width:80px;height:80px;border-radius:8px;border:1px solid var(--border-strong);background:var(--bg-base);overflow:hidden;display:grid;place-items:center}.logo-preview img{width:100%;height:100%;object-fit:contain}.logo-preview-empty{color:var(--text-muted);font-size:8px}.logo-actions{display:flex;flex-direction:column;gap:6px}.field-hint{margin:2px 0 8px 170px;font-size:8px;color:var(--text-muted)}.btn-file{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center}.btn-file input[type=file]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.checkbox-line{display:flex;align-items:center;gap:8px;font-size:10px;color:var(--text-muted)}.btn-accent{height:32px;padding:0 14px;border-radius:8px;border:none;background:var(--accent);color:#06120f;font-weight:600;font-size:10px}.btn-accent:hover{background:var(--accent-hover)}.btn-accent:disabled{opacity:.6;cursor:not-allowed}.btn-danger{height:32px;padding:0 14px;border-radius:8px;border:1px solid var(--danger);background:var(--danger-soft);color:var(--danger);font-size:10px}.btn-danger:hover{background:#f0616d3d}.form-error{background:var(--danger-soft);border:1px solid var(--danger);color:var(--danger);border-radius:8px;padding:8px 10px;font-size:10px}.form-info{background:var(--accent-soft);border:1px solid var(--accent);color:var(--accent-hover);border-radius:8px;padding:8px 10px;font-size:10px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:grid;place-items:center;z-index:90}.modal-card{width:min(680px,calc(100vw - 30px));background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:8px}.modal-card-wide{width:min(1000px,calc(100vw - 30px));max-height:80vh;overflow:hidden}.modal-card-viewport80{width:min(80vw,1400px);height:80vh;max-width:80vw;max-height:80vh;overflow:hidden;display:flex;flex-direction:column}.modal-card-viewport50x20{width:min(50vw,760px);height:min(24vh,260px);max-width:50vw;max-height:24vh;min-height:190px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.modal-card-viewport95{width:min(95vw,1800px);height:95vh;max-width:95vw;max-height:95vh;overflow:auto;display:flex;flex-direction:column}.modal-card-viewport95x90{width:min(95vw,1800px);height:90vh;max-width:95vw;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;gap:10px}.modal-card-viewport90{width:min(90vw,1700px);height:90vh;max-width:90vw;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;gap:10px}.modal-header{display:flex;align-items:center;justify-content:space-between}.modal-header-left{display:flex;align-items:center;gap:8px}.modal-header h4{margin:0;font-size:12px}.assignment-modal-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:stretch;flex:1;min-height:0}.assignment-list{border:1px solid var(--border);border-radius:8px;background:var(--bg-base);min-height:0;display:flex;flex-direction:column}.assignment-list-title{border-bottom:1px solid var(--border);padding:8px 10px;font-size:10px;color:var(--text-muted)}.assignment-items{flex:1;min-height:0;overflow-y:auto;padding:6px;display:flex;flex-direction:column;gap:4px}.assignment-item{width:100%;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--text-primary);text-align:left;padding:5px 8px;font-size:10px}.assignment-item:hover{background:var(--bg-hover)}.assignment-item.active{background:var(--accent-soft);border-color:var(--accent)}.assignment-item-area{border-left-width:3px;border-left-color:var(--area-border, transparent);background:var(--area-bg, transparent)}.assignment-item-area:hover{background:var(--area-bg, var(--bg-hover));filter:brightness(1.04)}.assignment-item.assignment-item-area.active{border-color:var(--accent);border-left-color:var(--area-border, var(--accent))}.assignment-area-group{display:flex;flex-direction:column;gap:3px}.assignment-area-group+.assignment-area-group{margin-top:6px}.assignment-area-title{display:inline-flex;align-items:center;gap:6px;font-size:9px;color:var(--text-muted);padding:1px 2px}.assignment-actions{display:flex;flex-direction:column;gap:8px;justify-content:center}.assignment-arrow-btn{width:44px;padding:0;display:inline-flex;align-items:center;justify-content:center}.assignment-arrow-icon{display:block}.subcat-modal-layout{display:grid;grid-template-columns:1fr 1fr;gap:12px;flex:1;height:auto;min-height:0}.subcat-list{border:1px solid var(--border);border-radius:8px;background:var(--bg-base);padding:8px;overflow-y:auto;min-height:0}.subcat-list-item{border:1px solid var(--border);border-radius:8px;background:var(--bg-elevated-2);padding:4px 6px;display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px;min-height:26px;cursor:pointer}.subcat-list-item-active{border-color:var(--accent);background:var(--accent-soft)}.subcat-list-actions{display:flex;gap:6px}.subcat-name-btn{border:none;background:transparent;color:var(--text-primary);padding:0;font-size:10px;text-align:left}.subcat-name-btn:hover{text-decoration:underline}.subcat-editor{border:1px solid var(--border);border-radius:8px;background:var(--bg-base);padding:10px;min-height:0}.problem-category-list{gap:2px;min-height:300px;max-height:min(72vh,calc(100vh - 260px))}.problem-category-item{min-height:28px;padding:2px 7px}.area-tree-list{max-height:min(72vh,calc(100vh - 260px))}.area-tree-item{min-height:30px}.area-drop-line{height:10px;margin:0 6px;display:flex;align-items:center}.area-drop-line:before{content:"";width:100%;height:3px;border-radius:2px;background:transparent}.area-drop-line.active:before{background:#6f7784}.question-list{gap:2px;min-height:min(300px,calc(100vh - 330px));max-height:min(64vh,calc(100vh - 310px))}.question-list-area-group{display:flex;flex-direction:column;gap:3px;padding:1px 0 4px}.question-list-assignment-item{min-height:28px;font-size:10px}.users-grid-wrap{background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;overflow:auto}.users-grid{width:100%;border-collapse:collapse;min-width:920px}.users-grid th,.users-grid td{border-bottom:1px solid var(--border);padding:8px;text-align:left;vertical-align:middle;font-size:10px}.users-grid thead th{position:sticky;top:0;background:var(--bg-elevated-2);z-index:1}.users-grid thead tr:nth-child(2) th{top:32px}.users-grid th input,.users-grid th select{width:100%;min-height:28px;border-radius:6px;border:1px solid var(--border);background:var(--bg-base);color:var(--text-primary);padding:4px 6px}.users-area-list{max-height:56vh;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.grid-switch{display:inline-flex;align-items:center;gap:6px}.users-source-icon{display:inline-block;width:10px;height:10px;border-radius:999px;border:1px solid var(--border-strong)}.users-source-icon.local{background:#2f9e88}.users-source-icon.ldap{background:#6f78ff}.pq-assignment-grid{min-height:calc(95vh - 280px)}.pq-assignment-items{min-height:calc(95vh - 360px);max-height:calc(95vh - 330px)}.planning-grid td{font-size:10px}.planning-actions{display:inline-flex;gap:8px;align-items:center}.planning-title-btn{border:none;background:transparent;color:var(--text-primary);padding:0;font-size:10px;text-align:left}.planning-title-btn:hover{color:var(--accent-hover);text-decoration:underline}.jira-ids-grid td input{width:100%;min-height:28px;border-radius:6px;border:1px solid var(--border);background:var(--bg-base);color:var(--text-primary);padding:4px 6px}.survey-planning-form{min-height:0;flex:1;display:flex;flex-direction:column;overflow:hidden}.survey-planning-layout{display:grid;grid-template-columns:minmax(0,40%) minmax(0,30%) minmax(0,30%);gap:12px;min-height:0;flex:1;height:100%;overflow:hidden}.survey-planning-left{min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);gap:10px}.planning-list-scroll{flex:1;min-height:0;max-height:100%;overflow-y:auto}.survey-planning-layout .contacts-panel{min-height:0;overflow:hidden}.survey-planning-layout .customer-base-panel{overflow:auto}.survey-base-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px}.survey-base-grid .form-line{grid-template-columns:120px 1fr;gap:0;margin-bottom:4px}.survey-base-grid .inline-label{padding-right:0}.survey-questions-grid td input,.survey-questions-grid td select,.survey-questions-grid td textarea{width:100%;min-height:28px;border-radius:6px;border:1px solid var(--border);background:var(--bg-base);color:var(--text-primary);padding:4px 6px}.survey-questions-grid td textarea{resize:vertical;min-height:42px}.survey-evaluation-grid td select{width:100%;min-height:28px;border-radius:6px;border:1px solid var(--border);background:var(--bg-base);color:var(--text-primary);padding:4px 6px}.survey-evaluation-grid td textarea{width:100%;min-height:42px;border-radius:6px;border:1px solid var(--border);background:var(--bg-base);color:var(--text-primary);padding:4px 6px;resize:vertical}.survey-area-row td{background:var(--bg-elevated-2);border-top:1px solid var(--border-strong);border-bottom:1px solid var(--border-strong);padding-top:6px;padding-bottom:6px}.survey-question-cell{display:block;width:100%;padding:5px 8px;border-radius:6px}.survey-view-layout{display:grid;grid-template-columns:minmax(320px,30%) minmax(0,70%);gap:12px;min-height:calc(100vh - 190px)}.survey-view-list-panel{min-height:0;overflow:auto}.survey-view-list-grid{min-width:0}.survey-view-selected-row td{background:var(--accent-soft)}.survey-view-detail-panel{min-height:0;overflow:auto}.survey-view-header{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;border:1px solid var(--border);border-radius:8px;background:var(--bg-base);padding:6px 8px;font-size:10px}.survey-view-header>div{display:flex;flex-direction:column;gap:2px}.survey-view-header-actions{align-items:flex-start}.survey-view-header-label{font-size:8px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.survey-view-charts{display:flex;flex-direction:column;gap:10px}.survey-chart-card{border:1px solid var(--border);border-radius:10px;background:var(--bg-base);padding:8px}.survey-chart-card h4{margin:0 0 8px;font-size:10px;text-align:center;color:var(--text-muted)}.survey-chart-main{width:min(50vw,860px);max-width:100%;margin:0 auto}.survey-chart-grid{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.survey-chart-sub{width:min(30vw,520px);min-width:300px}.survey-bar-chart{min-height:180px;border-top:1px solid var(--border);border-right:1px solid var(--border);border-left:1px solid var(--border);border-bottom:1px solid var(--border);padding:8px 6px;display:flex;align-items:stretch;gap:6px}.survey-bar-item{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px;min-height:0}.survey-bar{width:86%;border-radius:6px 6px 0 0;background:#2e7d32;min-height:4px;margin-top:auto}.survey-bar.is-empty{background:#000}.survey-bar.is-low{background:#c62828}.survey-bar.is-medium-low{background:#ef6c00}.survey-bar.is-medium{background:#c0a000}.survey-bar.is-high{background:#2e7d32}.survey-bar-value{font-size:9px;text-align:center;color:var(--text-primary)}.survey-bar-label{font-size:8px;color:var(--text-muted);text-align:center;overflow-wrap:anywhere}.survey-view-table-wrap{overflow:auto}.survey-view-table{min-width:940px}.survey-view-table td,.survey-view-table th{border:1px solid var(--border)}.survey-view-table thead th{border-bottom:1px solid var(--border-strong)}.survey-area-average{text-align:center}.survey-area-average .answer-value-badge{width:72px}.answer-value-badge{width:48px;min-height:36px;border-radius:8px;border:1px solid rgba(255,255,255,.14);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:15px;font-weight:800}.answer-value-badge.is-empty{background:#000}.answer-value-badge.is-low{background:#c62828}.answer-value-badge.is-medium-low{background:#ef6c00}.answer-value-badge.is-medium{background:#c0a000}.answer-value-badge.is-high{background:#2e7d32}.survey-problem-tags{display:flex;flex-wrap:wrap;gap:5px}.survey-problem-tag{display:inline-flex;align-items:center;padding:2px 7px;border-radius:999px;border:1px solid var(--border-strong);background:var(--bg-elevated-2);font-size:8px}.survey-view-products-wrap{margin-top:6px}.survey-view-products-grid{min-width:760px}.survey-product-name{display:inline-block;width:100%;border-left-width:3px;border-left-style:solid;border-left-color:var(--area-border, transparent);background:var(--area-bg, transparent);border-radius:6px;padding:5px 8px}