.nick-credit-dispersion { width:100%; max-width:1050px; margin:22px auto; padding:18px 18px 14px; background:#fff; border:1px solid #dfe4e8; box-sizing:border-box; color:#222; }
.nick-credit-dispersion * {box-sizing:border-box;}
.nick-cd-header {display:flex; align-items:center; justify-content:space-between; gap:22px; margin-bottom:12px;}
.nick-cd-header h3 {font-weight:700; font-size:22px; line-height:1.3; margin:0 0 6px; color:#20272c;}
.nick-cd-header p {font-size:13px; color:#697178; margin:0;}
.nick-cd-controls {display:flex; gap:12px; flex-wrap:wrap; border-top:1px solid #eef0f2; margin-top:14px; padding:14px 0;}
.nick-cd-controls label {display:flex; flex-direction:column; gap:4px; color:#515c63; font-size:12px; font-weight:600; min-width:130px; flex:1 1 145px;}
.nick-cd-controls select {width:100%; padding:7px 9px; border:1px solid #bfc9d1; background:#fff; color:#222; font-size:13px; font-weight:400; min-height:36px;}
.nick-cd-canvas-wrap {position:relative; width:100%; min-height:300px;}
.nick-cd-canvas-wrap canvas {width:100%!important; height:100%!important;}
.nick-cd-status {margin:10px 0 0; color:#4c5761; font-size:12px;}
.nick-cd-notes {margin:8px 0 0; font-size:11px; line-height:1.5; color:#67717b;}
.nick-cd-footer {border-top:1px solid #edf0f3; margin-top:10px; padding-top:12px; font-size:11px; color:#697178; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:12px 22px;}
.nick-cd-footer .rf-logo-bar {display:flex; flex-wrap:wrap; align-items:center; gap:14px; flex:0 0 auto;}
.nick-cd-footer .rf-logo-bar img {display:block; width:auto; max-width:125px; max-height:43px; height:auto; object-fit:contain;}
.nick-cd-footer .rf-logo-bar a {display:block;}
.nick-cd-footer .nick-cd-footer-copy {display:flex; flex:1 1 260px; flex-direction:column; gap:6px; align-items:flex-start;}
.nick-cd-footer .nick-cd-footer-copy a {color:#235a86; text-decoration:underline; font-weight:700;}
@media(max-width:650px) {
  .nick-credit-dispersion {padding:12px;}
  .nick-cd-header {align-items:flex-start; flex-direction:column; gap:8px;}
  .nick-cd-header h3 {font-size:19px;}
  .nick-cd-controls label {flex:1 1 100%;}
}

/* v1.3: protect the footer logos from The Desk theme's global image rules.
   Size the actual image boxes, not only their parent container. */
.nick-credit-dispersion .nick-cd-footer .rf-logo-bar {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
    gap: 14px !important;
    width: auto !important;
    max-width: 100% !important;
    flex: 0 1 auto !important;
}
.nick-credit-dispersion .nick-cd-footer .rf-logo-bar > a {
    display: inline-flex !important;
    align-items: center !important;
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: 120px !important;
}
.nick-credit-dispersion .nick-cd-footer .rf-logo-bar > img,
.nick-credit-dispersion .nick-cd-footer .rf-logo-bar > a > img {
    display: block !important;
    width: 112px !important;
    max-width: 112px !important;
    min-width: 0 !important;
    height: 40px !important;
    max-height: 40px !important;
    object-fit: contain !important;
    object-position: left center !important;
    margin: 0 !important;
    padding: 0 !important;
    flex: 0 0 auto !important;
}
@media (max-width: 420px) {
    .nick-credit-dispersion .nick-cd-footer .rf-logo-bar > img,
    .nick-credit-dispersion .nick-cd-footer .rf-logo-bar > a > img {
        width: 96px !important;
        max-width: 96px !important;
        height: 36px !important;
        max-height: 36px !important;
    }
}