Before the dashboard, delivery performance lived in copied spreadsheets, late monthly summaries, and exception checks.
padding:40px 16px;
font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
color:var(--ink);
}
.ddd-elementor-delivery-card,
.ddd-elementor-delivery-card * {
box-sizing:border-box;
}
.ddd-elementor-delivery-card .ddd-case-card {
max-width:640px;
margin:0 auto;
background:#fff;
border-radius:20px;
padding:24px;
box-shadow:0 20px 40px -20px rgba(20,40,80,.25);
}
.ddd-elementor-delivery-card .ddd-manual-sheet {
border:1px solid var(--line);
border-radius:14px;
overflow:hidden;
background:#fbfcfe;
}
.ddd-elementor-delivery-card .ddd-sheet-toolbar {
display:flex;
justify-content:space-between;
align-items:center;
background:linear-gradient(90deg,#005f8f,#0091c2);
color:#fff;
padding:10px 14px;
font-size:13px;
}
.ddd-elementor-delivery-card .ddd-sheet-meta {
display:flex;
gap:14px;
flex-wrap:wrap;
padding:8px 14px;
font-size:11px;
color:var(--sub);
border-bottom:1px solid var(--line);
}
.ddd-elementor-delivery-card .ddd-logistics-layout {
display:flex;
}
.ddd-elementor-delivery-card .ddd-dispatch-sidebar {
width:110px;
flex:0 0 auto;
border-right:1px solid var(--line);
padding:10px;
display:flex;
flex-direction:column;
gap:8px;
font-size:11px;
font-weight:600;
color:var(--ink);
}
.ddd-elementor-delivery-card .ddd-dispatch-sidebar span {
background:#eef2f8;
border-radius:8px;
padding:6px 8px;
}
.ddd-elementor-delivery-card .ddd-sheet-grid {
flex:1;
display:grid;
grid-template-columns:repeat(5,1fr);
font-size:11px;
}
.ddd-elementor-delivery-card .ddd-sheet-grid span {
padding:7px 8px;
border-bottom:1px solid var(--line);
border-right:1px solid var(--line);
}
.ddd-elementor-delivery-card .ddd-sheet-grid span:nth-child(-n+5) {
background:linear-gradient(90deg,#005f8f,#0091c2);
color:#fff;
font-weight:600;
}
.ddd-elementor-delivery-card .ddd-sheet-grid span:nth-last-child(-n+5) {
font-weight:700;
background:#eef2f8;
}
.ddd-elementor-delivery-card .ddd-sheet-alerts {
display:flex;
gap:8px;
flex-wrap:wrap;
padding:10px 14px;
}
.ddd-elementor-delivery-card .ddd-sheet-alerts span {
display:inline-flex;
align-items:center;
gap:6px;
font-size:11px;
font-weight:600;
background:#fdeaf3;
color:var(--pink);
border-radius:999px;
padding:5px 10px 5px 6px;
}
.ddd-elementor-delivery-card .ddd-sheet-alerts span::before {
content:"i";
width:14px;
height:14px;
border-radius:50%;
background:var(--pink);
color:#fff;
font-size:9px;
display:flex;
align-items:center;
justify-content:center;
font-style:normal;
}
.ddd-elementor-delivery-card .ddd-route-panel {
display:flex;
justify-content:space-between;
padding:10px 14px;
font-size:11px;
font-weight:600;
}
.ddd-elementor-delivery-card .ddd-route-panel span {
position:relative;
padding-left:16px;
}
.ddd-elementor-delivery-card .ddd-route-panel span::before {
content:"";
position:absolute;
left:0;
top:50%;
transform:translateY(-50%);
width:10px;
height:10px;
border-radius:50%;
border:2px solid var(--pink);
}
.ddd-elementor-delivery-card .ddd-sheet-tabs {
display:flex;
gap:4px;
padding:10px 14px 0;
}
.ddd-elementor-delivery-card .ddd-sheet-tabs button {
border:1px solid var(--line);
background:#fff;
border-radius:8px 8px 0 0;
padding:6px 12px;
font-size:12px;
cursor:pointer;
color:var(--sub);
line-height:1.2;
box-shadow:none;
}
.ddd-elementor-delivery-card .ddd-sheet-tabs button:hover,
.ddd-elementor-delivery-card .ddd-sheet-tabs button:focus {
background:#fff;
color:var(--sub);
outline:none;
}
.ddd-elementor-delivery-card .ddd-sheet-tabs button.is-active {
background:linear-gradient(90deg,var(--pink),var(--purple));
color:#fff;
border-color:transparent;
}
.ddd-elementor-delivery-card .ddd-manual-sheet > p {
margin:0;
padding:10px 14px 14px;
font-size:12px;
color:var(--sub);
}
@media (max-width: 600px) {
.ddd-elementor-delivery-card {
padding:24px 10px;
}
.ddd-elementor-delivery-card .ddd-case-card {
padding:14px;
border-radius:16px;
}
.ddd-elementor-delivery-card .ddd-logistics-layout {
overflow-x:auto;
}
.ddd-elementor-delivery-card .ddd-dispatch-sidebar {
width:100px;
min-width:100px;
}
.ddd-elementor-delivery-card .ddd-sheet-grid {
min-width:460px;
}
.ddd-elementor-delivery-card .ddd-route-panel {
gap:12px;
overflow-x:auto;
justify-content:flex-start;
}
.ddd-elementor-delivery-card .ddd-route-panel span {
white-space:nowrap;
}
}