.main-sidebar { background: linear-gradient(180deg, #1f2937, #111827); }
.brand-link { border-bottom: 1px solid rgba(255,255,255,.12); }
.nav-sidebar .nav-link { border-radius: 6px; margin: 2px 8px; }
.nav-sidebar .nav-link.active, .nav-sidebar .nav-link:hover { background: rgba(37, 99, 235, .95); color: #fff; }
.content-wrapper { background: #f4f6f9; }
.fixed-footer { font-size: 13px; }
.page-heading, .toolbar { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 16px; }
.page-heading { display: block; }
h1 { font-size: 26px; font-weight: 700; margin: 0; color: #111827; }
h2 { font-size: 20px; font-weight: 700; }
h3 { font-size: 17px; font-weight: 700; }
.content-panel { background: #fff; border: 1px solid #e5e7eb; border-radius: 8px; padding: 18px; box-shadow: 0 6px 16px rgba(15, 23, 42, .05); margin-bottom: 16px; }
.step-tile { min-height: 130px; border: 1px solid #e5e7eb; border-radius: 8px; padding: 18px; display: flex; flex-direction: column; gap: 8px; }
.step-tile i { color: #2563eb; font-size: 24px; }
.step-tile span { color: #6b7280; }
.product-thumb { width: 72px; height: 54px; object-fit: cover; border-radius: 6px; border: 1px solid #e5e7eb; }
.brochure-image { width: 100%; max-height: 260px; object-fit: contain; border: 1px solid #e5e7eb; border-radius: 8px; margin-bottom: 12px; }
.signature-pad { width: 100%; height: 180px; border: 2px dashed #94a3b8; border-radius: 8px; background: #fff; touch-action: none; }
.signature-preview { width: 100%; max-height: 140px; object-fit: contain; border: 1px solid #e5e7eb; border-radius: 8px; margin-bottom: 12px; background: #fff; }
.signature-actions { align-items: center; display: flex; flex-wrap: wrap; gap: 8px; }
.location-status { color: #60758a; display: inline-block; font-size: 13px; margin-left: 8px; }
.table td, .table th { vertical-align: middle; }
@media (max-width: 768px) { .toolbar { align-items: stretch; flex-direction: column; } h1 { font-size: 22px; } }