.duplicate-job-hint{padding:16px 18px;border:1px solid #d99720;border-left:5px solid #d99720;border-radius:10px;background:#fff8e8;color:#413019}
.duplicate-job-hint strong{display:block;font-size:1.05rem}
.duplicate-job-hint p{margin:8px 0 0;line-height:1.45}
.duplicate-job-required{border-left:3px solid #d99720;padding-left:10px}
#jobs .actions{flex-wrap:wrap;gap:5px}
#jobs .duplicate-job{font-size:12px;padding:6px 9px;white-space:nowrap}

/* The dispatcher needs width for customer names, not an empty site column. */
#planView .layout{grid-template-columns:minmax(0,1fr);gap:12px}
#planView .layout>aside{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}
#planView .panel{margin-bottom:0}
#planView .page-head{margin-bottom:14px}
#planView .stats{gap:10px;margin-bottom:12px}
#planView .stat{padding:10px 14px}
#planView .panel-head{padding:12px 14px}
#planView .page-head{flex-wrap:wrap}
#planView .page-head>div:first-child{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
#planView .page-head>div:first-child>.eyebrow{display:none}
#planView .plan-list-caption{font-size:12px;color:var(--muted);white-space:nowrap}
#planView .page-head .date-nav{margin-left:auto}
#planView .page-head>.day-copy-actions{flex-wrap:nowrap}
/* A quiet, compact header leaves the screen to the daily assignments. */
main:has(>#planView:not([hidden])){padding-top:14px}
#planView .page-head{align-items:center;margin-bottom:10px;gap:12px}
#planView .page-head h1{font-size:26px;line-height:1.2}
#planView .page-head .eyebrow{font-size:9px;margin-bottom:3px}
#planView .stats{grid-template-columns:repeat(6,minmax(0,1fr));gap:0;background:transparent;border-block:1px solid #ded9d0;padding:7px 0;margin-bottom:10px}
#planView .stat{background:transparent;border:0;border-radius:0;box-shadow:none;padding:2px 12px;min-width:0}
#planView .stat+.stat{border-left:1px solid #ded9d0}
#planView .stat span{font-size:9px;letter-spacing:.03em}
#planView .stat b{font-size:22px;line-height:1.2;margin-top:2px}
#planView .stat small{font-size:10px;line-height:1.2;margin-top:2px;white-space:normal}
#planView .main-panel>.panel-head{background:var(--bg);padding:8px 12px}
#planView .main-panel>.panel-head h2{font-size:16px}
#planView .main-panel>.panel-head p{display:none}
#planView .day-copy-actions button{padding:7px 11px}
@media(max-width:900px){
  #planView .stats{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:8px}
  #planView .stat:nth-child(4){border-left:0}
}
@media(max-width:700px){
  #planView .page-head{align-items:flex-start}
  #planView .page-head h1{font-size:23px}
  #planView .date-nav{flex-wrap:wrap}
  #planView .stat{padding-inline:8px}
  #planView .stat b{font-size:19px}
  #planView .main-panel>.panel-head{flex-wrap:wrap;gap:8px}
}
#jobs .job>*{min-width:0;overflow-wrap:break-word}
#jobs .job{min-height:54px;padding:6px 12px;font-size:13px;line-height:1.3}
#jobs .job-head{padding:8px 12px}
#jobs .job>:nth-child(6){font-weight:600;overflow-wrap:normal;hyphens:auto}
#jobs .job-travel-minutes{font-size:11px;font-weight:400;color:#675637;white-space:nowrap}
#jobs .truck-start{font-weight:700;font-variant-numeric:tabular-nums;color:#714808}
#jobs .truck-start-heading{line-height:1.2}
#jobs .job-order-number{display:block;font-size:10px;font-weight:400;color:var(--muted);margin-top:2px}
#jobs .badge{font-size:10px;line-height:1.2;letter-spacing:0;overflow-wrap:normal;padding:3px 6px;white-space:nowrap;text-transform:none}
#jobs .job .actions{gap:4px;align-items:center}
#jobs .actions button{flex:0 0 auto;min-height:26px;padding:4px 6px;font-size:11px;line-height:1.2;white-space:nowrap;border-radius:5px}
#jobs .job .actions .ops-performance-button{padding:4px 7px}
@media(min-width:1000px){
  #app:has(#planView:not([hidden]))>header{height:44px;min-height:44px;padding:0 20px;gap:12px;flex-wrap:nowrap}
  #app:has(#planView:not([hidden]))>header .brand{display:none}
  #app:has(#planView:not([hidden]))>header nav{height:44px;min-width:0;flex:1;flex-wrap:nowrap;overflow-x:auto;gap:0}
  #app:has(#planView:not([hidden]))>header .nav{padding:0 10px;white-space:nowrap;font-size:12px}
  #app:has(#planView:not([hidden]))>header .header-actions{margin-left:0}
  #app:has(#planView:not([hidden]))>header #openOptions{display:none}
  #app:has(#planView:not([hidden]))>header #logout{padding:6px 8px;font-size:12px}
  main:has(>#planView:not([hidden])){padding-top:4px}
  #planView .page-head{margin-bottom:3px;min-height:26px;gap:8px}
  #planView .page-head .eyebrow{display:none}
  #planView .page-head h1{font-size:17px;margin:0}
  #planView .plan-list-caption{font-size:10px}
  #planView .date-nav{gap:4px}
  #planView .date-nav input{padding:3px 6px;font-size:11px;min-height:26px}
  #planView .date-nav button{padding:3px 7px;font-size:11px;min-height:26px}
  #planView .date-nav button:not(.secondary){width:26px;padding:3px}
  #planView .stats{padding:3px 0;margin-bottom:3px}
  #planView .stat{display:flex;align-items:baseline;justify-content:flex-start;gap:8px;padding:0 9px}
  #planView .stat span{font-size:9px}
  #planView .stat b{font-size:14px;margin:0}
  #planView .stat small{display:none}
  #planView .main-panel>.panel-head{padding:5px 12px}
  #planView .main-panel>.panel-head h2{font-size:14px}
  #planView .page-head>.day-copy-actions{gap:4px}
  #planView .day-copy-actions button{padding:3px 7px;font-size:11px;min-height:26px}
}
@media(min-width:1150px){
  #app:has(#planView:not([hidden]))>header{height:34px;min-height:34px;padding-right:440px;padding-left:8px;gap:4px}
  #app:has(#planView:not([hidden]))>header nav{height:34px}
  #app:has(#planView:not([hidden]))>header .nav{padding:0 8px;font-size:11px}
  #app:has(#planView:not([hidden]))>header #logout{padding:4px;font-size:10px}
  #planView .page-head{position:fixed;top:3px;right:20px;z-index:11;min-height:26px;margin:0;gap:6px;flex-wrap:nowrap}
  #planView .page-head>div:first-child{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  #planView .date-nav{margin-left:0}
  #planView .date-nav input{width:113px}
  #planView .date-nav input,#planView .date-nav .secondary,#planView .day-copy-actions .secondary{background:#fff}
  #jobs .job{min-height:46px;padding-block:4px}
  #jobs .job-head,#jobs .job{grid-template-columns:32px 70px 110px 82px 60px minmax(230px,2.5fr) minmax(50px,.6fr) 82px 176px;gap:8px}
}
@media(min-width:761px) and (max-width:1149px){
  #jobs .job-head{display:grid}
  #jobs .job-head,#jobs .job{grid-template-columns:28px 60px 80px 68px 50px minmax(150px,1fr) 85px;gap:6px}
  #jobs .job>*{grid-column:auto}
  #jobs .job-head>:nth-child(7){display:none}
  #jobs .job-head>:last-child{display:none}
  #jobs .job>:nth-child(8){grid-column:7;grid-row:1}
  #jobs .job>.site{grid-column:2/4;grid-row:2}
  #jobs .job .actions{grid-column:4/-1;grid-row:2;justify-content:flex-end}
}
@media(max-width:760px){
  #planView .layout>aside{grid-template-columns:minmax(0,1fr)}
  #jobs .job-head{display:none}
  #jobs .job{grid-template-columns:36px minmax(0,1fr)}
  #jobs .job>*:nth-child(n+2){grid-column:2}
  #jobs .job .position{grid-column:1;grid-row:1/6}
  #jobs .job .actions{justify-content:flex-start}
  #jobs .truck-start::before{content:'Beginn am LKW: ';font-weight:400}
  #jobs .job>:nth-child(5)::before{content:'Ladezeit: '}
}