fix: restore criteria item readability and summary section form styles

- Criteria items: switch to 2-row layout (row 1: checkbox+label+×, row 2: level pills)
  via flex-wrap + order + flex-basis: 100% on level-group — pills no longer compete
  with label text for horizontal space
- Summary section: add missing base styles for textarea/select/input inside
  .summary-inputs-panel (border, border-radius, padding, font-family) that were
  removed with .bilan-container rules in Task 6
- Fix .summary-output-panel textarea and .observation-textarea: replace border-color
  shortcut with full border shorthand + border-radius

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

src/components/Bilan.css

@@ -458,8 +458,9 @@
   transition: var(--transition);
   display: flex;
   flex-direction: row;
+  flex-wrap: wrap;
   align-items: center;
-  gap: 10px;
+  gap: 6px 10px;
   box-shadow: var(--shadow-card);
   position: relative;
 }
@@ -489,6 +490,7 @@
   cursor: pointer;
   line-height: 1.4;
   padding-right: 0;
+  order: 2;
 }
 
 .remove-field-btn {
@@ -510,6 +512,7 @@
   transition: var(--transition);
   box-shadow: none !important;
   position: static;
+  order: 3;
 }
 
 .competence-item:hover .remove-field-btn {
@@ -535,6 +538,7 @@
   transition: var(--transition);
   flex-shrink: 0;
   margin-top: 1px;
+  order: 1;
 }
 
 .competence-checkbox:hover {
@@ -569,20 +573,22 @@
   min-height: 220px;
   font-size: 13.5px;
   line-height: 1.6;
-  margin-top: 24px;
   width: 100%;
   font-family: var(--font-mono);
   background: rgba(248, 250, 252, 0.7);
-  border-color: var(--border-slate-200);
+  border: 1px solid var(--border-slate-200);
+  border-radius: var(--radius-md);
   color: var(--text-secondary);
 }
 
 .level-group {
   display: flex;
-  flex-wrap: nowrap;
+  flex-wrap: wrap;
   gap: 4px;
   align-items: center;
-  flex-shrink: 0;
+  flex-basis: 100%;
+  order: 4;
+  margin-left: 28px;
   border-top: none;
   padding-top: 0;
   margin-top: 0;
@@ -761,6 +767,52 @@
   letter-spacing: 0.05em;
 }
 
+.summary-inputs-panel textarea,
+.summary-inputs-panel select,
+.summary-inputs-panel input[type="text"],
+.summary-inputs-panel input[type="password"] {
+  width: 100%;
+  padding: 10px 14px;
+  border-radius: var(--radius-md);
+  border: 1px solid var(--border-slate-300);
+  background: #ffffff;
+  color: var(--text-primary);
+  font-size: 13.5px;
+  font-weight: 500;
+  font-family: var(--font-sans);
+  outline: none;
+  transition: var(--transition);
+  box-shadow: var(--shadow-flat);
+  resize: vertical;
+  box-sizing: border-box;
+}
+
+.summary-inputs-panel textarea:focus,
+.summary-inputs-panel select:focus,
+.summary-inputs-panel input[type="text"]:focus,
+.summary-inputs-panel input[type="password"]:focus {
+  border-color: var(--color-indigo-500);
+  box-shadow: 0 0 0 3px rgba(98, 95, 255, 0.1);
+}
+
+.summary-inputs-panel textarea::placeholder,
+.summary-inputs-panel input::placeholder {
+  color: var(--text-muted);
+  font-weight: 400;
+}
+
+.summary-inputs-panel select {
+  appearance: none;
+  -webkit-appearance: none;
+  padding-right: 36px;
+  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 7L10 12L15 7' stroke='%23475569' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
+  background-repeat: no-repeat;
+  background-position: right 12px center;
+  background-size: 14px;
+  cursor: pointer;
+  resize: none;
+}
+
 .summary-inputs-panel textarea {
   min-height: 100px;
 }
@@ -858,16 +910,20 @@
 
 .summary-output-panel textarea {
   flex-grow: 1;
+  width: 100%;
   min-height: 380px;
   font-family: var(--font-mono) !important;
   font-size: 13px !important;
   line-height: 1.6 !important;
   background: #f8fafc !important;
-  border-color: var(--border-slate-200) !important;
+  border: 1px solid var(--border-slate-200) !important;
+  border-radius: var(--radius-md) !important;
   color: var(--text-secondary) !important;
   padding: 16px !important;
   resize: none !important;
+  outline: none !important;
   box-shadow: inset 0 2px 4px rgba(0,0,0,0.02) !important;
+  box-sizing: border-box !important;
 }
 
 .summary-output-panel textarea:focus {