.df-account-tile { text-decoration: none; }
.df-account-tile .material-icons { color:#25a6bb; }
.df-panel { max-width:1050px; margin:0 auto 30px; }
.df-panel .df-box { padding:26px; border-radius:8px; background:#fff; border:1px solid #e6eaed; margin:0 0 22px; box-shadow:0 4px 16px rgba(0,0,0,.045); }
.df-panel h3 { font-size:1.25rem; margin:0 0 20px; font-weight:700; }
.df-panel .df-stats { display:flex; gap:14px; flex-wrap:wrap; margin-bottom:18px; }
.df-panel .df-stats>div { flex:1; min-width:160px; border:1px solid #e8eef1; border-radius:6px; padding:16px; background:#f7fafc; }
.df-panel .df-stats small { display:block; color:#69747b; margin-bottom:7px; line-height:1.5; }
.df-panel .df-stats strong { display:block; font-size:1.55rem; color:#183a48; }
.df-panel .df-muted { font-size:.9rem; color:#64727b; line-height:1.5; }
.df-panel label { display:block; margin:12px 0 7px; font-weight:600; }
.df-panel .df-control { display:flex; gap:12px; align-items:center; flex-wrap:wrap; }
.df-panel input[type=number],.df-panel input[type=text] { padding:12px; border:1px solid #cbd5db; border-radius:5px; background:#fff; }
.df-panel input[type=number] { width:150px; max-width:100%; }
.df-panel .df-url { display:block; width:100%; box-sizing:border-box; font-family:monospace; font-size:.86rem; }
.df-panel .df-actions { display:flex; gap:12px; flex-wrap:wrap; margin:18px 0; align-items:center; }
.df-panel .df-actions .material-icons { font-size:18px; vertical-align:middle; }
.df-panel .df-rotate { padding-left:0; font-size:.9rem; }
@media(max-width:600px){.df-panel .df-box{padding:18px}.df-panel .df-stats{flex-direction:column}}

/* Customer support box */
.df-panel .df-help-box { display:flex; align-items:flex-start; gap:20px; background:#f1f9fc; border:1px solid #cfebf1; }
.df-help-icon { width:52px; height:52px; border-radius:12px; background:#d7f1f7; color:#167e96; display:flex; align-items:center; justify-content:center; flex:0 0 52px; }
.df-help-icon .material-icons { font-size:29px; }
.df-help-content { flex:1; min-width:0; }
.df-panel .df-help-box h3 { margin:0 0 12px; line-height:1.35; }
.df-help-content p { line-height:1.6; margin-bottom:17px; }
.df-help-call { display:inline-flex; align-items:center; gap:8px; text-decoration:none; }
.df-help-call .material-icons { font-size:18px; }
.df-help-pending { display:inline-block; color:#177e94; font-size:1.15rem; }
@media(max-width:600px){.df-panel .df-help-box{gap:12px}.df-help-icon{width:40px;height:40px;flex-basis:40px}}

/* CSV column glossary in customer dashboard */
.df-panel .df-table-scroll { width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch; }
.df-legend-table { width:100%; border-collapse:collapse; font-size:.93rem; line-height:1.5; }
.df-legend-table th { background:#f2f7f9; text-align:left; color:#274354; font-weight:700; }
.df-legend-table th,.df-legend-table td { padding:11px 12px; border-bottom:1px solid #e8eef1; vertical-align:top; }
.df-legend-table td:first-child { white-space:nowrap; width:210px; }
.df-legend-table tr:nth-child(even) td { background:#fbfcfd; }
.df-panel .df-legend-note { margin-top:18px; }
@media(max-width:600px){.df-legend-table th,.df-legend-table td{padding:9px 8px}}