/* v390 Planning */
.planning-admin h2{margin:0 0 6px}
.planning-intro{margin:0 0 8px;color:#365362}
.planning-rule{background:#f2f7fa;border:1px solid #d5e5ea;border-radius:9px;padding:8px 12px;margin:0 0 10px;font-size:14px}
.planning-rule summary{cursor:pointer;font-weight:650}
.planning-rule p{margin:8px 0 2px;color:#365362}
.planning-bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:8px 0}
.planning-bar button{min-height:42px}
.planning-filter{flex:1 1 220px;min-height:42px;font-size:16px;padding:8px 10px;border:1px solid #9eb9c8;border-radius:8px}
.planning-status{margin:4px 0 10px;font-size:13px;color:#506875}
.planning-list{display:grid;gap:10px}
.planning-row{background:#fff;border:1px solid #cedfe6;border-left:5px solid #075071;border-radius:10px;padding:11px 13px;display:grid;gap:6px}
.planning-head{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline}
.planning-plate{font-size:18px;letter-spacing:.5px;background:#ffd400;color:#111;border-radius:5px;padding:1px 8px;font-family:ui-monospace,Menlo,monospace}
.planning-driver{font-weight:650}
.planning-meta{color:#506875}
.planning-dest{margin:0;white-space:pre-line}
.planning-eta{display:flex;flex-wrap:wrap;gap:4px 14px;align-items:baseline;background:#edf5f8;border-radius:8px;padding:8px 10px;font-size:14px}
.planning-eta-time{font-size:16px;color:#075071;margin-left:auto}
.planning-note{margin:0;color:#506875;font-size:14px}
.planning-warn{margin:0;color:#8a5a00;background:#fff7e9;border:1px solid #e6cf9c;border-radius:7px;padding:6px 9px;font-size:13px}
.planning-foot{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;font-size:13px;color:#506875}
.planning-old{color:#8a5a00}
.planning-link{font-weight:650}
@media(max-width:560px){.planning-eta-time{margin-left:0;flex-basis:100%}}

/* v390: huidige activiteit + locatie */
.planning-status-line{display:grid;gap:4px;border-radius:8px;padding:8px 10px;background:#f2f7fa;border-left:4px solid #8aa3b0}
.planning-status-line strong{font-size:15px}
.planning-status-line small{color:#8a5a00}
.planning-where{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline;font-size:14px;color:#365362}
.planning-kind-drive{background:#e9f7ee;border-left-color:#1f9d55}
.planning-kind-file{background:#fff4e5;border-left-color:#e07b00}
.planning-kind-break,.planning-kind-night{background:#eef0fb;border-left-color:#5b6bd6}
.planning-kind-load{background:#e8f3fb;border-left-color:#075071}
.planning-kind-wait,.planning-kind-stop{background:#fff8e1;border-left-color:#c49a00}
.planning-kind-off{background:#f1f1f1;border-left-color:#999}

/* v390: kaart met alle wagens + WhatsApp */
.planning-layout.with-map{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:14px;align-items:start}
.planning-map-wrap{position:sticky;top:8px;background:#fff;border:1px solid #cedfe6;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;height:calc(100vh - 24px);min-height:420px}
.planning-map-wrap[hidden]{display:none}
.planning-map-wrap.full{position:fixed;inset:0;z-index:2147482000;border-radius:0;height:100vh;height:100dvh}
.planning-map-head{display:flex;gap:8px;align-items:center;padding:8px 10px;padding-top:calc(8px + env(safe-area-inset-top,0px));border-bottom:1px solid #e1ebef;background:#f6f9fb}
.planning-map-head strong{flex:1}
.planning-map{flex:1;min-height:0}
.planning-marker{background:none;border:0}
.planning-marker-label{display:inline-block;transform:translate(-50%,-50%);white-space:nowrap;color:#fff;font:700 12px/1 ui-monospace,Menlo,monospace;padding:5px 7px;border-radius:6px;box-shadow:0 2px 6px #0005;border:2px solid #fff;cursor:pointer}
.planning-popup{display:grid;gap:4px;font-size:14px;min-width:210px}
.planning-popup-eta{font-weight:700;color:#075071}
.planning-wa{margin-top:4px;min-height:40px;border:0;border-radius:8px;background:#25d366;color:#073b1d;font-weight:700;padding:8px 12px;cursor:pointer}
.planning-wa-empty{background:#e8f5ec;color:#1d6b3a}
.planning-link-btn{background:none;border:0;color:#075071;font-weight:650;text-decoration:underline;cursor:pointer;padding:0;font-size:13px}
.planning-phone{display:grid;gap:5px;margin-top:4px}
.planning-phone input{font-size:16px;min-height:40px;padding:6px 9px;border:1px solid #9eb9c8;border-radius:7px}
@media(max-width:999px){.planning-layout.with-map{display:block}}
/* v446 rijtijden */
.planning-driving{border:1px solid #d7e5eb;border-radius:10px;padding:9px 11px;background:#fbfdfe;display:flex;flex-direction:column;gap:6px}
.planning-driving-top strong{font-size:15px;color:#075071}
.planning-driving-top .planning-drive-low{color:#b3261e}
.planning-drive-bar{height:8px;border-radius:99px;background:#e3edf2;overflow:hidden}
.planning-drive-bar span{display:block;height:100%;background:linear-gradient(90deg,#1f9d55,#e0a100 80%,#c0392b);border-radius:99px}
.planning-drive-list{margin:0;padding-left:18px;font-size:13px;color:#355362;display:flex;flex-direction:column;gap:2px}
.planning-legal{background:#eef7ef;border:1px solid #bfdcc3;border-radius:8px;padding:8px 10px;font-size:14px;display:flex;flex-direction:column;gap:3px}