/* Bio2Twin | Blood personal timeline | 2026-10-26
   Member-scoped provenance chronology; never present schematic events. */
body.b2t-blood-timeline-ui{
 --btl-purple:#a88adb;--btl-pink:#d56b9e;--btl-blue:#719ad5;
}
body.b2t-blood-timeline-ui main.workspace #content.content{
 width:100%;max-width:1180px;min-width:0;box-sizing:border-box;
 margin-inline:auto;grid-template-columns:minmax(0,1fr);
}
body.b2t-blood-timeline-ui #content #bloodTimelineLive{
 width:100%;max-width:100%;min-width:0;box-sizing:border-box;
 font-size:15px;font-weight:400;color:#e7edf7;
}
body.b2t-blood-timeline-ui #appTitle{font-size:28px;font-weight:400}
body.b2t-blood-timeline-ui #bloodTimelineLive .btl-head{
 display:flex;align-items:center;justify-content:space-between;gap:18px;
 flex-wrap:wrap;margin:0 0 17px;padding:21px 23px;
 border:1px solid #665576;border-radius:17px;
 background:linear-gradient(120deg,#181b2c,#101d2c);
}
body.b2t-blood-timeline-ui #bloodTimelineLive .btl-head>div{
 flex:1;min-width:0;
}
body.b2t-blood-timeline-ui #bloodTimelineLive .btl-eyebrow{
 color:#c19ed8;font-size:11px;font-weight:400;letter-spacing:.13em;
}
body.b2t-blood-timeline-ui #bloodTimelineLive h2{
 color:#f4f2f9;font-size:24px;font-weight:400;
 line-height:1.4;margin:7px 0 10px;
}
body.b2t-blood-timeline-ui #bloodTimelineLive .btl-head p{
 color:#b6c3d6;font-size:14px;line-height:1.75;
 max-width:710px;margin:0;
}
body.b2t-blood-timeline-ui #bloodTimelineLive .btl-link{
 display:inline-flex;justify-content:center;align-items:center;
 box-sizing:border-box;padding:9px 14px;min-height:39px;
 background:#19243a;border:1px solid #667e9d;border-radius:10px;
 font-weight:400;font-size:12px;color:#e2e9f5;text-decoration:none;
 cursor:pointer;white-space:normal;text-align:center;
}
body.b2t-blood-timeline-ui #bloodTimelineLive .btl-link:hover{
 background:#273653;border-color:#a188c5;
}
body.b2t-blood-timeline-ui #bloodTimelineLive .btl-state{
 margin:0 0 16px;padding:11px 14px;border-left:2px solid #9676bb;
 background:#161b2a;color:#c9c7dd;border-radius:0 9px 9px 0;
 font-size:12px;line-height:1.75;
}
body.b2t-blood-timeline-ui #bloodTimelineLive .btl-summary{
 display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
 min-width:0;border:1px solid #3a4b60;border-radius:14px;
 background:linear-gradient(110deg,#131b2b,#0f1623);
 overflow:hidden;margin-bottom:15px;
}
body.b2t-blood-timeline-ui #bloodTimelineLive .btl-stat{
 display:flex;flex-direction:column;gap:7px;min-width:0;
 padding:15px 18px;border-right:1px solid #334258;
}
body.b2t-blood-timeline-ui #bloodTimelineLive .btl-stat:last-child{border:0}
body.b2t-blood-timeline-ui #bloodTimelineLive .btl-stat span{
 font-size:11px;color:#a7b8cb;line-height:1.5;
}
body.b2t-blood-timeline-ui #bloodTimelineLive .btl-stat strong{
 font-size:23px;color:#eff1f9;line-height:1.2;font-weight:400;
}
body.b2t-blood-timeline-ui #bloodTimelineLive .btl-filters{
 display:flex;flex-wrap:wrap;gap:8px;
 margin:0 0 20px;padding:0;
}
body.b2t-blood-timeline-ui #bloodTimelineLive .btl-filter{
 box-sizing:border-box;min-height:39px;padding:8px 13px;
 background:#121b2a;border:1px solid #3c4c64;
 color:#b8c7d9;border-radius:9px;
 font-size:12px;font-weight:400;cursor:pointer;
}
body.b2t-blood-timeline-ui #bloodTimelineLive .btl-filter:hover{
 background:#1b2a40;color:#fff;
}
body.b2t-blood-timeline-ui #bloodTimelineLive .btl-filter[aria-pressed="true"]{
 border-color:#9779be;background:#28243e;color:#f8edff;
}
body.b2t-blood-timeline-ui #bloodTimelineLive .btl-events{
 display:grid;gap:20px;min-width:0;
}
body.b2t-blood-timeline-ui #bloodTimelineLive .btl-day-group{
 position:relative;min-width:0;
}
body.b2t-blood-timeline-ui #bloodTimelineLive .btl-date-head{
 display:flex;align-items:baseline;justify-content:space-between;
 padding:8px 2px 12px;gap:10px;margin:0;
 border-bottom:1px solid #404b64;
}
body.b2t-blood-timeline-ui #bloodTimelineLive .btl-date-head time{
 font-size:17px;color:#e5e7f5;font-weight:400;letter-spacing:.02em;
}
body.b2t-blood-timeline-ui #bloodTimelineLive .btl-date-head span{
 font-size:11px;color:#91a5bf;
}
body.b2t-blood-timeline-ui #bloodTimelineLive .btl-day-list{
 display:grid;gap:0;margin:0 0 3px 12px;
 padding:8px 0 0 20px;border-left:1px solid #6b587f;
 min-width:0;
}
body.b2t-blood-timeline-ui #bloodTimelineLive .btl-event{
 position:relative;
 display:grid;grid-template-columns:100px minmax(0,1fr);
 gap:15px;align-items:start;
 min-width:0;padding:11px 0 12px;
}
body.b2t-blood-timeline-ui #bloodTimelineLive .btl-event:before{
 content:"";position:absolute;
 width:9px;height:9px;left:-25px;top:25px;
 border:1px solid #ae79a7;border-radius:50%;
 background:#262035;box-shadow:0 0 0 4px #101722;
}
body.b2t-blood-timeline-ui #bloodTimelineLive .btl-event[data-kind="apple_health"]:before{
 border-color:#669cd0;background:#1b2d43;
}
body.b2t-blood-timeline-ui #bloodTimelineLive .btl-event[data-kind="biomni"]:before{
 border-color:#bb7aa3;background:#332034;
}
body.b2t-blood-timeline-ui #bloodTimelineLive .btl-event-time{
 padding-top:17px;font-size:11px;color:#a7b6cb;
 line-height:1.5;
}
body.b2t-blood-timeline-ui #bloodTimelineLive .btl-event-content{
 box-sizing:border-box;min-width:0;padding:16px 18px 14px;
 border:1px solid #3d4a5d;border-radius:13px;
 background:linear-gradient(120deg,#151e2a,#101721);
}
body.b2t-blood-timeline-ui #bloodTimelineLive .btl-event[data-kind="biomni"] .btl-event-content{
 border-color:#795b88;background:linear-gradient(120deg,#201b2b,#111b2b);
}
body.b2t-blood-timeline-ui #bloodTimelineLive .btl-event-head{
 display:flex;align-items:flex-start;justify-content:space-between;
 flex-wrap:wrap;gap:8px 11px;margin-bottom:8px;
}
body.b2t-blood-timeline-ui #bloodTimelineLive .btl-event h3{
 font-size:15px;line-height:1.55;font-weight:400;
 color:#edf2f9;margin:0;
}
body.b2t-blood-timeline-ui #bloodTimelineLive .btl-flag{
 display:inline-flex;padding:5px 10px;border-radius:999px;
 color:#d5e1f1;background:#1c293a;border:1px solid #5c7290;
 font-size:10px;line-height:1.4;white-space:nowrap;font-weight:400;
}
body.b2t-blood-timeline-ui #bloodTimelineLive .btl-flag[data-status="待核對"],
body.b2t-blood-timeline-ui #bloodTimelineLive .btl-flag[data-status="歷史版本"],
body.b2t-blood-timeline-ui #bloodTimelineLive .btl-flag[data-status="同版 · 待覆核"]{
 color:#eecaa6;background:#2d231d;border-color:#9a744c;
}
body.b2t-blood-timeline-ui #bloodTimelineLive .btl-flag[data-status="未完成"]{
 color:#dfaab9;background:#2b2027;border-color:#8b5d72;
}
body.b2t-blood-timeline-ui #bloodTimelineLive .btl-event p{
 color:#adbacd;font-size:13px;line-height:1.7;
 margin:0 0 10px;overflow-wrap:anywhere;
}
body.b2t-blood-timeline-ui #bloodTimelineLive .btl-event-footer{
 display:flex;flex-wrap:wrap;justify-content:space-between;
 gap:7px 12px;padding-top:9px;
 border-top:1px solid #2c3a4b;
}
body.b2t-blood-timeline-ui #bloodTimelineLive .btl-event-footer span{
 color:#879db8;font-size:11px;line-height:1.6;
}
body.b2t-blood-timeline-ui #bloodTimelineLive .btl-event-footer a{
 color:#dbc5ee;font-size:11px;line-height:1.6;
 text-decoration:none;
}
body.b2t-blood-timeline-ui #bloodTimelineLive .btl-event-footer a:hover{
 color:#fff;text-decoration:underline;
}
body.b2t-blood-timeline-ui #bloodTimelineLive .btl-empty{
 padding:23px;border:1px solid #3e4e65;border-radius:13px;
 background:#131c29;display:grid;gap:11px;justify-items:start;
}
body.b2t-blood-timeline-ui #bloodTimelineLive .btl-empty h3{
 color:#e5ecf7;font-weight:400;font-size:16px;margin:0;
}
body.b2t-blood-timeline-ui #bloodTimelineLive .btl-empty p{
 color:#b2bfd2;font-size:13px;margin:0;
}
body.b2t-blood-timeline-ui #bloodTimelineLive .btl-footer{
 color:#8093ab;border-top:1px solid #303e52;
 padding:15px 3px;margin:16px 0 0;
 font-size:11px;line-height:1.8;
}
@media(max-width:900px){
 body.b2t-blood-timeline-ui #bloodTimelineLive .btl-summary{
  grid-template-columns:repeat(2,minmax(0,1fr));
 }
 body.b2t-blood-timeline-ui #bloodTimelineLive .btl-stat{
  border-bottom:1px solid #334258;
 }
 body.b2t-blood-timeline-ui #bloodTimelineLive .btl-stat:nth-child(even){border-right:0}
 body.b2t-blood-timeline-ui #bloodTimelineLive .btl-stat:nth-last-child(-n+2){border-bottom:0}
}
@media(max-width:760px){
 body.b2t-blood-timeline-ui #appTitle{font-size:24px}
 body.b2t-blood-timeline-ui #bloodTimelineLive .btl-head{
  padding:17px 15px;gap:13px;
 }
 body.b2t-blood-timeline-ui #bloodTimelineLive h2{font-size:21px}
 body.b2t-blood-timeline-ui #bloodTimelineLive .btl-head p{font-size:13px}
 body.b2t-blood-timeline-ui #bloodTimelineLive .btl-head .btl-link{width:100%}
 body.b2t-blood-timeline-ui #bloodTimelineLive .btl-day-list{
  margin-left:7px;padding-left:15px;
 }
 body.b2t-blood-timeline-ui #bloodTimelineLive .btl-event{
  grid-template-columns:minmax(0,1fr);
  gap:5px;padding-top:11px;
 }
 body.b2t-blood-timeline-ui #bloodTimelineLive .btl-event:before{
  left:-20px;top:23px;
 }
 body.b2t-blood-timeline-ui #bloodTimelineLive .btl-event-time{
  padding-top:0;font-size:10px;
 }
 body.b2t-blood-timeline-ui #bloodTimelineLive .btl-event-content{
  padding:14px 13px;
 }
 body.b2t-blood-timeline-ui #bloodTimelineLive .btl-filter{
  flex:1 1 auto;min-width:0;padding:8px 10px;
 }
}
