Initial commit

Created from https://vercel.com/new

.idea/copilotDiffState.xml

@@ -0,0 +1,26 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="CopilotDiffPersistence">
+    <option name="pendingDiffs">
+      <map>
+        <entry key="/ClassiquesDepartsQuais (snapshot).css">
+          <value>
+            <PendingDiffInfo>
+              <option name="filePath" value="/ClassiquesDepartsQuais (snapshot).css" />
+              <option name="originalContent" value="&#10;/* Partie gauche strictement comme l'image */&#10;.aff-quais__left--strict {&#10;  width: 100%;&#10;  max-width: 480px;&#10;  min-width: 340px;&#10;  background: #fff;&#10;  display: flex;&#10;  flex-direction: column;&#10;  align-items: flex-start;&#10;  justify-content: flex-start;&#10;  padding: 32px 32px 24px 32px;&#10;  box-sizing: border-box;&#10;  position: relative;&#10;  height: 100vh;&#10;  overflow: hidden;&#10;}&#10;.aff-quais__sncf-logo--strict {&#10;  width: 54px;&#10;  height: auto;&#10;  margin-bottom: 18px;&#10;  margin-left: 0;&#10;  margin-top: 0;&#10;}&#10;.aff-quais__watermark {&#10;  position: absolute;&#10;  right: 18px;&#10;  top: 50%;&#10;  transform: translateY(-50%) rotate(-90deg);&#10;  font-size: 100px;&#10;  color: rgba(23,55,113,0.07);&#10;  font-weight: 800;&#10;  letter-spacing: 6px;&#10;  pointer-events: none;&#10;  user-select: none;&#10;  z-index: 0;&#10;}&#10;.aff-quais__row--time-status {&#10;  display: flex;&#10;  align-items: flex-end;&#10;  gap: 18px;&#10;  margin-bottom: 18px;&#10;  z-index: 1;&#10;}&#10;.aff-quais__time--strict {&#10;  color: #0d4a87;&#10;  font-weight: 800;&#10;  font-size: 56px;&#10;  line-height: 1;&#10;  letter-spacing: 0.5px;&#10;  margin-right: 12px;&#10;}&#10;.aff-quais__time-status--strict {&#10;  color: #0d4a87;&#10;  font-size: 22px;&#10;  font-weight: 400;&#10;  opacity: 1;&#10;  align-self: flex-end;&#10;  margin-bottom: 7px;&#10;}&#10;.aff-quais__destination--strict {&#10;  margin-top: 10px;&#10;  margin-bottom: 0;&#10;  color: #0d4a87;&#10;  z-index: 1;&#10;}&#10;.aff-quais__destination-line1--strict {&#10;  font-size: 38px;&#10;  font-weight: 800;&#10;  line-height: 1.1;&#10;}&#10;.aff-quais__destination-line2--strict {&#10;  font-size: 38px;&#10;  font-weight: 800;&#10;  line-height: 1.1;&#10;}&#10;.aff-quais__train-id--strict {&#10;  margin-top: 12px;&#10;  color: #173771;&#10;  font-weight: 700;&#10;  font-size: 22px;&#10;  letter-spacing: 0.5px;&#10;  z-index: 1;&#10;}&#10;.aff-quais__train-number--strict {&#10;  color: #173771;&#10;  font-weight: 400;&#10;  font-size: 22px;&#10;}&#10;.aff-quais__quai{&#10;  margin-top: 8px;&#10;  color:#173771;&#10;  font-weight:800;&#10;  background: rgba(23,55,113,0.08);&#10;  padding:6px 10px;&#10;  border-radius:6px;&#10;  display:inline-block;&#10;}&#10;&#10;/* central divider */&#10;.aff-quais__divider{&#10;  width:18px;&#10;  background: linear-gradient(180deg, rgba(0,0,0,0.12), rgba(0,0,0,0.18));&#10;  display:flex;&#10;  justify-content:center;&#10;  align-items:flex-start;&#10;  padding-top:36px;&#10;}&#10;.aff-quais__divider:before{&#10;  content:'';&#10;  width:6px;&#10;  background: transparent;&#10;  box-shadow: 0 18px 0 0 #f0e34f, 0 54px 0 0 #f0e34f, 0 90px 0 0 #f0e34f, 0 126px 0 0 #f0e34f, 0 162px 0 0 #f0e34f, 0 198px 0 0 #f0e34f;&#10;  display:block;&#10;  border-radius:4px;&#10;}&#10;&#10;/* Right panel with stops */&#10;.aff-quais__right{&#10;  flex:1;&#10;  background: linear-gradient(180deg,#205aa1 0%, #144b85 100%);&#10;  display:flex;&#10;  align-items:center;&#10;  box-sizing:border-box;&#10;  padding: 24px 36px;&#10;}&#10;.aff-quais__stops-box{&#10;  width:100%;&#10;  max-width:820px;&#10;  margin-left:24px;&#10;}&#10;.aff-quais__stops-list{&#10;  list-style:none;&#10;  margin:0;&#10;  padding:0;&#10;  width:100%;&#10;}&#10;.aff-quais__stop{&#10;  display:flex;&#10;  align-items:center;&#10;  gap:18px;&#10;  padding: 10px 16px;&#10;  color:#fff;&#10;  font-size:30px;&#10;  line-height:1.1;&#10;}&#10;.aff-quais__bullet{&#10;  width:14px;&#10;  height:14px;&#10;  background: #f0e34f; /* yellow bullet */&#10;  border-radius:50%;&#10;  display:inline-block;&#10;  box-shadow: 0 0 0 4px rgba(240,227,79,0.06) inset;&#10;}&#10;.aff-quais__stop--active{&#10;  background: rgba(155,123,224,0.15);&#10;  border-radius:6px;&#10;}&#10;.aff-quais__stop--active .aff-quais__bullet{&#10;  background:#9b7be0; /* purple for final */&#10;}&#10;.aff-quais__stop-text{&#10;  flex:1;&#10;  padding-left:6px;&#10;}&#10;&#10;/* --- STRICT STYLES FOR RIGHT PANEL --- */&#10;&#10;.aff-quais__right--strict {&#10;  flex: 1;&#10;  background: #205aa1; /* fond bleu uniforme */&#10;  display: flex;&#10;  align-items: flex-start;&#10;  justify-content: flex-start;&#10;  padding: 48px 0 48px 0;&#10;  min-width: 0;&#10;  height: 100vh;&#10;  box-sizing: border-box;&#10;}&#10;&#10;.aff-quais__stops-list--strict {&#10;  list-style: none;&#10;  margin: 0;&#10;  padding: 0 0 0 38px;&#10;  width: 100%;&#10;  max-width: 600px;&#10;}&#10;&#10;.aff-quais__stop--strict {&#10;  display: flex;&#10;  align-items: center;&#10;  font-size: 2.1rem;&#10;  color: #fff;&#10;  font-family: 'Achemine', 'Helvetica Neue', Arial, sans-serif;&#10;  font-weight: 400;&#10;  margin-bottom: 6px;&#10;  line-height: 1.18;&#10;  padding: 0 0 0 0;&#10;}&#10;&#10;.aff-quais__stop-bullet--strict {&#10;  display: inline-block;&#10;  width: 13px;&#10;  height: 13px;&#10;  border-radius: 5Line truncated
+              <option name="updatedContent" value="/* Partie gauche strictement comme l'image */&#10;.aff-quais__left--strict {&#10;  width: 100%;&#10;  max-width: 480px;&#10;  min-width: 340px;&#10;  background: #fff;&#10;  display: flex;&#10;  flex-direction: column;&#10;  align-items: flex-start;&#10;  justify-content: flex-start;&#10;  padding: 32px 32px 24px 32px;&#10;  box-sizing: border-box;&#10;  position: relative;&#10;  height: 100vh;&#10;  overflow: hidden;&#10;  border-top-right-radius: 0;&#10;  border-bottom-right-radius: 0;&#10;  box-shadow: none;&#10;}&#10;.aff-quais__sncf-logo--strict {&#10;  width: 54px;&#10;  height: auto;&#10;  margin-bottom: 18px;&#10;  margin-left: 0;&#10;  margin-top: 0;&#10;}&#10;.aff-quais__watermark {&#10;  position: absolute;&#10;  right: 18px;&#10;  top: 50%;&#10;  transform: translateY(-50%) rotate(-90deg);&#10;  font-size: 100px;&#10;  color: rgba(23,55,113,0.07);&#10;  font-weight: 800;&#10;  letter-spacing: 6px;&#10;  pointer-events: none;&#10;  user-select: none;&#10;  z-index: 0;&#10;}&#10;.aff-quais__row--time-status {&#10;  display: flex;&#10;  align-items: flex-end;&#10;  gap: 18px;&#10;  margin-bottom: 18px;&#10;  z-index: 1;&#10;}&#10;.aff-quais__time--strict {&#10;  color: #0d4a87;&#10;  font-weight: 800;&#10;  font-size: 56px;&#10;  line-height: 1;&#10;  letter-spacing: 0.5px;&#10;  margin-right: 12px;&#10;}&#10;.aff-quais__time-status--strict {&#10;  color: #0d4a87;&#10;  font-size: 22px;&#10;  font-weight: 400;&#10;  opacity: 1;&#10;  align-self: flex-end;&#10;  margin-bottom: 7px;&#10;}&#10;.aff-quais__destination--strict {&#10;  margin-top: 10px;&#10;  margin-bottom: 0;&#10;  color: #0d4a87;&#10;  z-index: 1;&#10;}&#10;.aff-quais__destination-line1--strict {&#10;  font-size: 38px;&#10;  font-weight: 800;&#10;  line-height: 1.1;&#10;}&#10;.aff-quais__destination-line2--strict {&#10;  font-size: 38px;&#10;  font-weight: 800;&#10;  line-height: 1.1;&#10;}&#10;.aff-quais__train-id--strict {&#10;  margin-top: 12px;&#10;  color: #173771;&#10;  font-weight: 700;&#10;  font-size: 22px;&#10;  letter-spacing: 0.5px;&#10;  z-index: 1;&#10;}&#10;.aff-quais__train-number--strict {&#10;  color: #173771;&#10;  font-weight: 400;&#10;  font-size: 22px;&#10;}&#10;.aff-quais__quai{&#10;  margin-top: 8px;&#10;  color:#173771;&#10;  font-weight:800;&#10;  background: rgba(23,55,113,0.08);&#10;  padding:6px 10px;&#10;  border-radius:6px;&#10;  display:inline-block;&#10;}&#10;&#10;/* central divider */&#10;.aff-quais__divider{&#10;  width:18px;&#10;  background: linear-gradient(180deg, rgba(0,0,0,0.12), rgba(0,0,0,0.18));&#10;  display:flex;&#10;  justify-content:center;&#10;  align-items:flex-start;&#10;  padding-top:36px;&#10;}&#10;.aff-quais__divider:before{&#10;  content:'';&#10;  width:6px;&#10;  background: transparent;&#10;  box-shadow: 0 18px 0 0 #f0e34f, 0 54px 0 0 #f0e34f, 0 90px 0 0 #f0e34f, 0 126px 0 0 #f0e34f, 0 162px 0 0 #f0e34f, 0 198px 0 0 #f0e34f;&#10;  display:block;&#10;  border-radius:4px;&#10;}&#10;&#10;/* Right panel with stops */&#10;.aff-quais__right{&#10;  flex:1;&#10;  background: linear-gradient(180deg,#205aa1 0%, #144b85 100%);&#10;  display:flex;&#10;  align-items:center;&#10;  box-sizing:border-box;&#10;  padding: 24px 36px;&#10;}&#10;.aff-quais__stops-box{&#10;  width:100%;&#10;  max-width:820px;&#10;  margin-left:24px;&#10;}&#10;.aff-quais__stops-list{&#10;  list-style:none;&#10;  margin:0;&#10;  padding:0;&#10;  width:100%;&#10;}&#10;.aff-quais__stop{&#10;  display:flex;&#10;  align-items:center;&#10;  gap:18px;&#10;  padding: 10px 16px;&#10;  color:#fff;&#10;  font-size:30px;&#10;  line-height:1.1;&#10;}&#10;.aff-quais__bullet{&#10;  width:14px;&#10;  height:14px;&#10;  background: #f0e34f; /* yellow bullet */&#10;  border-radius:50%;&#10;  display:inline-block;&#10;  box-shadow: 0 0 0 4px rgba(240,227,79,0.06) inset;&#10;}&#10;.aff-quais__stop--active{&#10;  background: rgba(155,123,224,0.15);&#10;  border-radius:6px;&#10;}&#10;.aff-quais__stop--active .aff-quais__bullet{&#10;  background:#9b7be0; /* purple for final */&#10;}&#10;.aff-quais__stop-text{&#10;  flex:1;&#10;  padding-left:6px;&#10;}&#10;&#10;/* --- STRICT STYLES FOR RIGHT PANEL --- */&#10;&#10;.aff-quais__right--strict {&#10;  flex: 1;&#10;  background: #205aa1; /* fond bleu uniforme */&#10;  display: flex;&#10;  align-items: flex-start;&#10;  justify-content: flex-start;&#10;  padding: 48px 0 48px 0;&#10;  min-width: 0;&#10;  height: 100vh;&#10;  box-sizing: border-box;&#10;  border-top-left-radius: 0;&#10;  border-bottom-left-radius: 0;&#10;  box-shadow: none;&#10;}&#10;&#10;.aff-quais__stops-list--strict {&#10;  list-style: none;&#10;  margin: 0;&#10;  padding: 0 0 0 38px;&#10;  width: 100%;&#10;  max-width: 600px;&#10;}&#10;&#10;.aff-quais__stop--strict {&#10;  display: flex;&#10;  align-items: center;&#10;  font-size: 2.1rem;&#10;  color: #fff;&#10;  font-family: 'Achemine', 'Helvetica Neue', Arial, sans-serif;&#10;  font-weight: 400;&#10;  margin-bottom: 6px;&#10;  Line truncated
+            </PendingDiffInfo>
+          </value>
+        </entry>
+        <entry key="$PROJECT_DIR$/.env.example">
+          <value>
+            <PendingDiffInfo>
+              <option name="filePath" value="$PROJECT_DIR$/.env.example" />
+              <option name="updatedContent" value="# Exemple de variables d'environnement pour CRA (create-react-app)&#10;# Copiez ce fichier en `.env.local` ou `.env` à la racine du projet&#10;# et remplacez par vos valeurs Supabase.&#10;&#10;REACT_APP_SUPABASE_URL=https://xyzcompany.supabase.co&#10;REACT_APP_SUPABASE_ANON_KEY=public-anon-key&#10;" />
+            </PendingDiffInfo>
+          </value>
+        </entry>
+      </map>
+    </option>
+  </component>
+</project>