/* PIIS custom styles — keep minimal; prefer Bootstrap utilities (D-010 / D-045). */
.piis-footer { font-size: .85rem; }

/* L15 — My Orders sidebar timeline (pure CSS vertical timeline, no JS/build).
   脊＝容器 ::before 的 2px 直條；圓點＝每 <li>::before；分支＝縮排＋換色的
   <li>（case_ref 判定，非字串比對）。用 Bootstrap CSS 變數承接主題色。 */
.piis-timeline { list-style: none; margin: 0; padding-left: 1.25rem; position: relative; }
.piis-timeline::before { content: ""; position: absolute; left: .4rem; top: 0; bottom: 0; width: 2px; background: var(--bs-border-color); }
.piis-tl-node { position: relative; padding: .35rem 0 .35rem .75rem; }
.piis-tl-node::before { content: ""; position: absolute; left: -1rem; top: .6rem; width: .6rem; height: .6rem; border-radius: 50%; background: var(--bs-secondary); }
.piis-tl-branch { margin-left: 1rem; }               /* 分支段縮排＝更長的那條線 */
.piis-tl-branch::before { background: var(--bs-warning); }
.piis-tl-correction .piis-tl-note { font-style: italic; color: var(--bs-danger); }
.piis-tl-when { font-size: .8rem; color: var(--bs-secondary); }
.piis-tl-note { color: var(--bs-body-color); }