feat: Doing more polishing (M8b)

web/css/decision.css

@@ -145,3 +145,53 @@
 @media (prefers-reduced-motion: reduce) {
   .card__stamp { animation: none; opacity: 0.9; }
 }
+
+/* ---- The tray: counter on the tab, "full" banner, and the pile of waiting sheets ---- */
+.inbox__count {
+  display: inline-block;
+  min-width: 2.7em;
+  margin-left: 6px;
+  padding: 0 7px;
+  border-radius: 10px;
+  background: var(--ink);
+  color: #f6ead0;
+  font: 700 12px/18px var(--font-num);
+  letter-spacing: 0;
+  text-align: center;
+  vertical-align: 1px;
+}
+.inbox__count:empty { display: none; }
+.inbox__count.is-warn { background: var(--ink-red); }
+
+.inbox__full {
+  margin: 0 0 8px;
+  padding: 6px 10px;
+  border: 2px solid var(--ink-red);
+  color: var(--ink-red);
+  background: rgba(255, 255, 255, 0.35);
+  font-size: 12px;
+  letter-spacing: 0.06em;
+  text-align: center;
+  text-transform: uppercase;
+  transform: rotate(-0.8deg);
+}
+.inbox__full[hidden] { display: none; }
+
+/* Sheets under the top paper: stacked box-shadows that offset a little more for each waiting proposal */
+.card[data-pile] { transition: box-shadow 0.35s ease; margin: 0 14px 14px 0; }
+.card[data-pile="0"] { box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4); }
+.card[data-pile="1"] {
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35),
+    4px 4px 0 0 #e8dcb8, 4px 4px 0 1px rgba(80, 55, 20, 0.45);
+}
+.card[data-pile="2"] {
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35),
+    4px 4px 0 0 #e8dcb8, 4px 4px 0 1px rgba(80, 55, 20, 0.45),
+    8px 8px 0 0 #e0d2ab, 8px 8px 0 1px rgba(80, 55, 20, 0.45);
+}
+.card[data-pile="3"] {
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35),
+    4px 4px 0 0 #e8dcb8, 4px 4px 0 1px rgba(80, 55, 20, 0.45),
+    8px 8px 0 0 #e0d2ab, 8px 8px 0 1px rgba(80, 55, 20, 0.45),
+    12px 12px 0 0 #d8c9a2, 12px 12px 0 1px rgba(80, 55, 20, 0.45);
+}