/* Logbook-only skin. Other screens retain their existing styles. */
#screen-logbook{--lb-blue:#168dff;--lb-edge:#29455e;background:#070b10;background-image:repeating-linear-gradient(135deg,transparent 0 19px,#ffffff04 20px 22px,transparent 23px 43px),repeating-linear-gradient(45deg,transparent 0 19px,#00000055 20px 22px,transparent 23px 43px)}
#screen-logbook .lb-shell{max-width:760px;margin:auto;padding:22px 16px 32px;color:#f0f6ff}
#screen-logbook .lb-brand{display:flex;align-items:center;gap:20px;padding:8px 0 25px;border-bottom:2px solid var(--lb-blue);margin-bottom:22px}
#screen-logbook .lb-brand img{width:90px;height:76px;object-fit:contain;filter:drop-shadow(0 4px 12px #168dff40)}
#screen-logbook .lb-kicker{color:#6bbcff;font-size:10px;font-weight:800;letter-spacing:2px}
#screen-logbook .lb-brand h2{font-size:clamp(20px,4.8vw,30px);letter-spacing:-.7px;margin:5px 0;color:#fff;line-height:1.1}
#screen-logbook .lb-brand p{font-size:12px;color:#9aafc3;margin:7px 0 0}
#screen-logbook .lb-chrome{background:linear-gradient(150deg,#26323f 0,#101821 18%,#090f16 65%,#1b2633);border:1px solid #344b60;border-top-color:#708397;border-radius:16px;box-shadow:inset 0 1px #ffffff16,0 8px 20px #0005}
#screen-logbook .lb-live{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:22px 18px;border-left:4px solid var(--lb-blue)}
#screen-logbook .lb-live h3{font-size:22px;margin:8px 0;line-height:1.2}
#screen-logbook .lb-clock{text-align:right;flex-shrink:0}
#screen-logbook #lbElapsed{font-size:clamp(20px,5vw,30px);font-weight:850;letter-spacing:1px;font-variant-numeric:tabular-nums;color:#68baff}
#screen-logbook .lb-clock small{display:block;color:#a4b7c9;font-size:10px;margin-top:7px}
#screen-logbook .lb-attendance{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0 27px}
#screen-logbook .lb-attendance button{border:1px solid #51afff;border-radius:12px;background:linear-gradient(#138fff,#0057b8);color:white;font-size:18px;font-weight:900;min-height:76px;box-shadow:inset 0 1px #c3e8ff66,0 4px 16px #007aff25}
#screen-logbook .lb-attendance button:nth-child(2){background:linear-gradient(#293b4e,#101923);border-color:#5e7790}
#screen-logbook .lb-attendance span{display:block;font-size:10px;font-weight:500;letter-spacing:.5px;margin-top:7px}
#screen-logbook button:disabled{opacity:.4;cursor:not-allowed}
#screen-logbook button:focus-visible,#screen-logbook summary:focus-visible{outline:3px solid #8bd1ff;outline-offset:4px}
#screen-logbook .lb-section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:16px 0 12px}
#screen-logbook .lb-section-head h3{font-size:13px;font-weight:900;letter-spacing:1px;margin:0}
#screen-logbook .lb-section-head>span{font-size:9px;color:#9bb2c8;letter-spacing:.5px}
#screen-logbook .train-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#screen-logbook .train-btn{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:10px;min-height:110px;padding:18px;text-align:left;border:1px solid #36516a;border-top-color:#64829d;border-radius:12px;background:linear-gradient(140deg,#283848,#111b27 40%,#080e16);color:#f4f8ff;font-weight:850;font-size:16px;box-shadow:inset 0 1px #ffffff0f,0 6px 12px #0004;position:relative}
#screen-logbook .train-btn svg{width:29px;height:29px;stroke:#58b1ff;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#screen-logbook .train-btn.selected{border-color:#38a7ff;background:linear-gradient(135deg,#10599c,#0c2139);box-shadow:inset 0 0 0 1px #1c8aff,0 0 16px #007fff25}
#screen-logbook .train-btn.selected:after{content:'✓';position:absolute;right:13px;top:12px;color:#8ed0ff}
#screen-logbook .lb-extras{margin-top:18px;padding:16px}
#screen-logbook summary{cursor:pointer;font-size:13px;font-weight:700;min-height:26px;color:#c1d7ec}
#screen-logbook .lb-extras .train-grid{margin-top:15px}
#screen-logbook .lb-duty-options{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
#screen-logbook .lb-duty-options .duty-btn{position:static;width:auto;height:auto;min-height:44px;border-radius:8px;padding:10px;background:#182b3d;color:#d9ecff;border:1px solid #3b5973}
#screen-logbook .lb-form{padding:18px;margin-top:18px}
#screen-logbook .lb-save-row{display:flex;gap:10px;align-items:center;margin-top:16px}
#screen-logbook #saveDuty{margin:0;min-height:52px;flex:1;background:linear-gradient(#168dff,#0664c8);font-size:13px}
#screen-logbook #refreshDuty{min-height:52px;margin:0;font-size:10px}
#screen-logbook .small{color:#9fb3c6;font-size:11px;line-height:1.6}
#screen-logbook #recordedActivity{margin:14px 0 6px}
#screen-logbook #activitySaveNotice{font-size:12px;background:#071b2b;border-color:#255780!important}
#screen-logbook .lb-history{margin-top:22px;padding:18px}
#screen-logbook #lbTimeline{list-style:none;padding:0;margin:20px 0}
#screen-logbook #lbTimeline li{border-left:2px solid #26649a;padding:0 0 22px 18px;margin-left:5px;position:relative}
#screen-logbook #lbTimeline li:before{content:'';width:8px;height:8px;border-radius:50%;background:#35a2ff;position:absolute;left:-5px;top:4px;box-shadow:0 0 10px #128aff88}
#screen-logbook #lbTimeline li:last-child{padding-bottom:2px}
#screen-logbook #lbTimeline strong{font-size:13px;display:block}
#screen-logbook #lbTimeline time{font-size:11px;color:#9cb5ca;display:block;margin-top:5px}
#screen-logbook dialog{color:#edf7ff;background:linear-gradient(135deg,#20354b,#080f19);border:1px solid #3da5ff;border-radius:18px;width:min(390px,calc(100vw - 32px));padding:24px;box-sizing:border-box;box-shadow:0 20px 80px #000b}
#screen-logbook dialog::backdrop{background:#000b}
#screen-logbook dialog h3{margin:0 0 14px;font-size:21px}
#screen-logbook dialog p{font-size:14px;line-height:1.6;color:#c1d6eb}
#screen-logbook dialog>div{display:flex;gap:12px;margin-top:22px}
#screen-logbook dialog button{flex:1;min-height:48px;border:1px solid #477297;border-radius:8px;background:#14283a;color:white;font-weight:800}
#screen-logbook #lbAccept{background:#087cec;border-color:#45adff}
@media(max-width:360px){#screen-logbook .lb-shell{padding:16px 12px}#screen-logbook .lb-brand{gap:12px}#screen-logbook .lb-brand img{width:65px}#screen-logbook .lb-live{padding:16px 12px}#screen-logbook .lb-live h3{font-size:18px}#screen-logbook .train-btn{padding:14px;font-size:14px}#screen-logbook .lb-section-head>span{letter-spacing:0;font-size:8px}}