:root{color-scheme:light;font-family:system-ui,sans-serif}body{margin:0;background:#f4f5f7}.app-header{display:flex;align-items:center;gap:1.5rem;padding:1rem 1.5rem;background:#111827;color:#fff}.app-header nav{display:flex;gap:.5rem}.app-header nav button{background:transparent;color:#fff;border:1px solid #4b5563;border-radius:6px;padding:.4rem .8rem;cursor:pointer}.app-header nav button:hover{background:#1f2937}.screen{max-width:900px;margin:0 auto;padding:2rem 1.5rem 4rem}h1{font-size:1.6rem}.muted{color:#6b7280;font-size:.85rem}.hint{color:#4b5563;font-size:.9rem}.id-preview{color:#6b7280;font-size:.8rem;margin:.4rem 0 .6rem}.id-preview code{background:#f3f4f6;border-radius:4px;padding:.05rem .35rem}.button,button.button{font-size:.95rem;padding:.5rem 1rem;border-radius:8px;border:2px solid #2563eb;background:#fff;color:#2563eb;cursor:pointer}.button--small{font-size:.85rem;padding:.3rem .7rem}.button:disabled{opacity:.5;cursor:not-allowed}.remove-button{border:none;background:none;color:#b91c1c;cursor:pointer;font-size:.85rem}.saved-flash{color:#16a34a;font-weight:600}.error-flash{color:#b91c1c;font-weight:600}label{display:flex;flex-direction:column;gap:.25rem;margin:.6rem 0;font-size:.9rem;color:#374151}input[type=text],input[type=number],input[type=date],select,textarea{font-size:.95rem;padding:.4rem .5rem;border:1px solid #d1d5db;border-radius:6px}fieldset{border:1px solid #e5e7eb;border-radius:8px;padding:.75rem 1rem;margin:.75rem 0}.protocol-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:.5rem}.protocol-list__item{width:100%;text-align:left;display:flex;flex-direction:column;gap:.2rem;padding:.9rem 1.1rem;border-radius:10px;border:1px solid #d1d5db;background:#fff;cursor:pointer}.tabs{display:flex;flex-wrap:wrap;gap:.4rem;margin:1rem 0;border-bottom:1px solid #d1d5db;padding-bottom:.5rem}.tab{border:none;background:none;padding:.4rem .7rem;border-radius:6px;cursor:pointer;color:#4b5563}.tab--active{background:#2563eb;color:#fff}.tab-panel{background:#fff;border-radius:10px;padding:1.25rem;border:1px solid #e5e7eb}.editor-actions{display:flex;align-items:center;gap:.75rem;margin-top:1.25rem}.rule-list__item,.question-editor-item,.category-item,.class-item,.advice-item{border:1px solid #e5e7eb;border-radius:10px;padding:1rem;margin-bottom:1rem;background:#fafafa}.question-editor-item,.category-item,.class-item,.advice-item{position:relative;padding-right:6rem}.question-editor-item>.remove-button,.category-item>.remove-button,.class-item>.remove-button,.advice-item>.remove-button{position:absolute;top:1rem;right:1rem}.class-item{background:#fff;margin-left:1rem}.rule-list__controls{display:flex;gap:.4rem;margin-bottom:.5rem}.condition-builder{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-end;border:1px dashed #9ca3af;border-radius:8px;padding:.75rem;margin:.5rem 0}.value-toggle{border:none;display:flex;gap:.75rem;align-items:center;padding:0;margin:0}.value-toggle legend{font-size:.8rem;color:#6b7280}.value-toggle label{flex-direction:row;align-items:center;gap:.3rem}.value-toggle--inline{display:inline-flex}.picker{position:relative}.picker__chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.4rem}.chip{display:inline-flex;align-items:center;gap:.4rem;background:#e0e7ff;color:#1e3a8a;border-radius:999px;padding:.25rem .6rem;font-size:.85rem}.chip button{border:none;background:none;color:inherit;cursor:pointer;font-size:1rem;line-height:1}.picker__dropdown{list-style:none;margin:.2rem 0 0;padding:.25rem;border:1px solid #d1d5db;border-radius:6px;background:#fff;position:absolute;z-index:10;width:100%;max-height:220px;overflow-y:auto}.picker__dropdown button{width:100%;text-align:left;border:none;background:none;padding:.35rem .5rem;cursor:pointer;border-radius:4px}.picker__dropdown button:hover{background:#f3f4f6}.scenario-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:.4rem;margin-bottom:1.5rem}.scenario-list li{display:flex;align-items:center;gap:.6rem;padding:.5rem .75rem;border-radius:8px;border:1px solid #e5e7eb}.scenario--pass{background:#ecfdf3;border-color:#16a34a}.scenario--fail{background:#fef2f2;border-color:#b91c1c}.scenario-status{font-weight:700}.scenario-reason{color:#b91c1c;font-size:.85rem}.new-scenario-form{border-top:1px solid #e5e7eb;padding-top:1rem}.scenario-answer-row{display:flex;align-items:center;gap:.75rem;margin-bottom:.3rem}.scenario-answer-row label{flex-direction:row;align-items:center;gap:.4rem;margin:0}.catalog-list{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.catalog-row{border:1px solid #d1d5db;border-radius:10px;padding:1rem;background:#fff;display:flex;flex-direction:column;gap:.5rem}.catalog-row__form{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.catalog-row__form label{flex-direction:row;align-items:center;gap:.4rem;margin:0}.panel{border-radius:8px;padding:.75rem 1rem;margin:1rem 0}.panel--warning{background:#fffbeb;border:1px solid #f59e0b;color:#92400e}.panel--warning ul{margin:.4rem 0 0;padding-left:1.2rem}.import-preview{width:100%;border-collapse:collapse;margin-top:1rem;background:#fff}.import-preview th,.import-preview td{text-align:left;vertical-align:top;padding:.6rem .75rem;border-bottom:1px solid #e5e7eb;font-size:.9rem}.import-preview ul{margin:0;padding-left:1.1rem}