/* Service & Registration — choice tiles on top of the shared public wizard chrome. */
.pcl-section .bpsr-brand-step {
    margin: 0 0 .15rem;
    font-size: .72rem;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--brother-blue, #003399);
    font-weight: 700;
}

.pcl-options {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
    gap: .75rem;
    margin: .75rem 0 1rem;
}

.pcl-option {
    display: flex;
    gap: .65rem;
    align-items: flex-start;
    margin: 0;
    padding: .85rem .9rem;
    border: 1px solid var(--line, #e2e8f0);
    border-radius: var(--radius-md, 12px);
    background: #fff;
    cursor: pointer;
}

.pcl-option:has(input:checked) {
    border-color: var(--brother-blue, #003399);
    background: #f3f7ff;
    box-shadow: 0 0 0 1px var(--brother-blue, #003399);
}

.pcl-option input { margin-top: .2rem; }
.pcl-option span { display: flex; flex-direction: column; gap: .15rem; }
.pcl-option strong { font-size: .92rem; color: var(--ink, #0f172a); }
.pcl-option small { color: var(--muted, #64748b); font-size: .78rem; }

.pcl-masked,
.pcl-reopen {
    margin: 0 0 .85rem;
    padding: .75rem .9rem;
    border-radius: var(--radius-md, 12px);
    background: #f4f7fb;
    color: var(--ink, #0f172a);
}

.pcl-otp {
    display: flex;
    flex-wrap: wrap;
    gap: .6rem;
    align-items: center;
    margin: .75rem 0 1rem;
}

.pcl-otp .form-input { max-width: 10rem; }

.pcl-confirm {
    display: flex;
    align-items: center;
    gap: .5rem;
    margin: .5rem 0 1rem;
    font-size: .92rem;
}

.pcl-upload { margin-top: .5rem; }
.pcl-upload .btn-wizard-next { margin-top: .75rem; }

#pclUploadBlock {
    margin-top: .9rem;
    padding: 1rem 1.05rem 1rem;
    border: 1.5px dashed #9eb4d4;
    border-radius: 16px;
    background:
        radial-gradient(circle at 12% 0%, rgba(0, 51, 153, .07), transparent 36%),
        #f7fbff;
}
#pclUploadBlock .crm-dropzone {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    grid-template-areas: "icon title" "icon hint";
    align-items: center;
    column-gap: .9rem;
    row-gap: .12rem;
    margin: 0;
    padding: .1rem;
    border: 0;
    background: transparent;
    text-align: left;
    border-radius: 0;
}
#pclUploadBlock .crm-dropzone__icon {
    grid-area: icon;
    width: 3.25rem;
    height: 3.25rem;
    margin: 0;
    display: grid;
    place-items: center;
    border-radius: 14px;
    background: #fff;
    border: 1px solid #d5e3f5;
    color: var(--brother-blue, #003399);
    font-size: 1.45rem;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .05);
}
#pclUploadBlock .crm-dropzone__title {
    grid-area: title;
    margin: 0;
    font-size: .98rem;
    font-weight: 700;
    color: var(--ink, #0f172a);
}
#pclUploadBlock .crm-dropzone__hint {
    grid-area: hint;
    margin: 0;
    font-size: .84rem;
}
#pclUploadBlock .crm-dropzone-filename,
#pclUploadBlock .pcl-file-types,
#pclUploadBlock .btn-wizard-next {
    margin-left: 4.15rem;
}
#pclUploadBlock .crm-dropzone-filename {
    margin-top: .35rem;
    min-height: 0;
    font-size: .82rem;
    font-weight: 600;
    color: #64748b;
}
#pclUploadBlock .pcl-file-types {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
    margin-top: .4rem;
    margin-bottom: 0;
    padding: 0;
    list-style: none;
}
#pclUploadBlock .pcl-file-types li {
    padding: .12rem .45rem;
    border-radius: 999px;
    border: 1px solid #d5e3f5;
    background: #fff;
    color: #334155;
    font-size: .68rem;
    font-weight: 700;
    letter-spacing: .04em;
}
#pclUploadBlock .btn-wizard-next {
    margin-top: .7rem;
}
#pclUploadBlock:hover,
#pclUploadBlock:focus-within,
#pclUploadBlock:has(.crm-dropzone.is-active) {
    border-color: #2d6cdf;
    background: #eef5ff;
}
#pclUploadBlock.has-file {
    border-style: solid;
    border-color: #86efac;
    background: #f0fdf4;
}
#pclUploadBlock.has-file .crm-dropzone-filename { color: #166534; }

@media (min-width: 901px) {
    #pclCustomer .pcl-row-start { grid-column: 1 / span 2; }
}

.pcl-status-list { display: grid; gap: .65rem; margin: .75rem 0 1rem; }
.pcl-status {
    padding: .85rem 1rem;
    border: 1px solid var(--line, #e2e8f0);
    border-left: 3px solid var(--brother-blue, #003399);
    border-radius: var(--radius-md, 12px);
    background: #fff;
}

.pcl-accounts { display: flex; flex-wrap: wrap; gap: .5rem; width: 100%; }
.pcl-account {
    border: 1px solid var(--brother-blue, #003399);
    background: #fff;
    color: var(--brother-blue, #003399);
    border-radius: var(--radius-md, 12px);
    padding: .45rem .8rem;
    font-weight: 600;
    cursor: pointer;
}
.pcl-account:hover { background: #f3f7ff; }

.pcl-section .select2-container { width: 100% !important; max-width: 100%; }
.pcl-section .select2-container--default .select2-selection--single {
    height: 44px;
    border: 1.5px solid var(--line, #e2e8f0);
    border-radius: var(--radius-md, 12px);
    background: var(--bg-soft, #f8fafc);
    display: flex;
    align-items: center;
}
.pcl-section .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 42px;
    padding-left: .85rem;
    color: var(--ink, #0f172a);
}
.pcl-section .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 42px;
}
.pcl-section .brother-dp-wrap {
    width: 100%;
    display: block;
}
.pcl-section .brother-dp-wrap .brother-dp-input,
.pcl-section .brother-dp-wrap .form-input,
.pcl-section .brother-dp-wrap .form-input-plain {
    width: 100%;
    height: 44px;
    box-sizing: border-box;
    padding: .55rem 2.85rem .55rem .85rem !important;
    border: 1.5px solid var(--line, #e2e8f0);
    border-radius: var(--radius-md, 12px);
    background: var(--bg-soft, #f8fafc);
}
.pcl-section .brother-dp-trigger {
    width: 2rem;
    height: 2rem;
    right: .4rem;
}
.pcl-review {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    border: 1px solid var(--line, #e2e8f0);
    border-radius: var(--radius-md, 12px);
    overflow: hidden;
    margin-top: .75rem;
}
.pcl-review__item {
    display: flex;
    flex-direction: column;
    gap: .2rem;
    padding: .85rem 1rem;
    border-bottom: 1px solid var(--line, #e2e8f0);
    border-right: 1px solid var(--line, #e2e8f0);
    background: #fff;
}
.pcl-review__item:nth-child(2n) { border-right: none; }
.pcl-review__item--wide { grid-column: 1 / -1; border-right: none; }
.pcl-review__item span {
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: var(--muted, #64748b);
}
.pcl-review__item strong {
    font-size: .92rem;
    color: var(--ink, #0f172a);
    font-weight: 600;
    white-space: pre-wrap;
}
@media (max-width: 700px) {
    .pcl-review { grid-template-columns: 1fr; }
    .pcl-review__item { border-right: none; }
}
.pcl-section .form-section-label-v2 { margin-top: 1.1rem; }

#pclPaneDetails .bpsr-step-header-v2 { margin-bottom: .85rem; }
#pclPaneDetails .step-header-text p { margin: .2rem 0 0; }

.pcl-machine-bar {
    display: flex;
    align-items: center;
    gap: .75rem 1rem;
    flex-wrap: wrap;
    margin-bottom: .35rem;
    padding: .8rem .95rem;
    border-radius: 14px;
    border: 1px solid #d7e3f4;
    background: linear-gradient(135deg, #f4f8ff 0%, #f8fafc 70%);
}
.pcl-machine-bar__main {
    display: flex;
    align-items: center;
    gap: .55rem .75rem;
    flex-wrap: wrap;
    min-width: 0;
}
.pcl-machine-kicker {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    font-size: .68rem;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: var(--brother-blue, #003399);
}
.pcl-machine-bar__main strong {
    font-size: .95rem;
    color: var(--ink, #0f172a);
}
.pcl-machine-bar__main code {
    font-size: .82rem;
    padding: .12rem .45rem;
    border-radius: 6px;
    background: #fff;
    border: 1px solid #e2e8f0;
    color: #334155;
}
.pcl-machine-status {
    display: inline-flex;
    align-items: center;
    padding: .28rem .65rem;
    border-radius: 999px;
    font-size: .75rem;
    font-weight: 700;
    background: #e2e8f0;
    color: #334155;
}
.pcl-machine-status.banner-active { background: #dcfce7; color: #166534; }
.pcl-machine-status.banner-expired { background: #fee2e2; color: #991b1b; }
.pcl-machine-status.banner-register { background: #ffedd5; color: #9a3412; }
.pcl-machine-bar .prodreg-change-serial { width: auto; margin-left: auto; }

.pcl-block {
    margin-top: .9rem;
    padding: 1rem 1.05rem 1.05rem;
    border: 1px solid #e6edf5;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .04);
}
.pcl-block .form-section-label-v2 {
    margin-top: 0;
    margin-bottom: .75rem;
    padding-top: 0;
    border-bottom: none;
}
.pcl-options--pair { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.pcl-block .pcl-upload {
    margin-top: .85rem;
}
#pclPaneDetails .step-actions {
    margin-top: 1rem;
    padding-top: .85rem;
    border-top: 1px solid #e6edf5;
}

@media (max-width: 700px) {
    .pcl-options--pair { grid-template-columns: 1fr; }
    .pcl-machine-bar .prodreg-change-serial { margin-left: 0; width: 100%; }
    #pclUploadBlock .crm-dropzone-filename,
    #pclUploadBlock .pcl-file-types,
    #pclUploadBlock .btn-wizard-next { margin-left: 0; }
    #pclUploadBlock .btn-wizard-next { width: 100%; justify-content: center; }
}
.pcl-section .bpsr-form-area .alert { margin-bottom: .85rem; }

.pcl-serial-actions { margin-top: 1rem; }
.pcl-serial-actions .btn-prodreg-action,
.pcl-serial-actions .prodreg-change-serial {
    width: 100%;
    margin-top: 0;
    justify-content: center;
}
.pcl-product-wrap { margin-top: 1rem; }
.pcl-product-wrap .warranty-result-card { box-shadow: none; }
.pcl-product-wrap .result-detail-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.pcl-product-wrap .result-detail-item:nth-child(3n) { border-right: 1px solid var(--line, #e2e8f0); }
.pcl-product-wrap .result-detail-item:nth-child(4n) { border-right: none; }
.pcl-serial-lock {
    margin: 0;
    padding: .75rem 1.25rem 1rem;
    color: var(--muted, #64748b);
    font-size: .82rem;
}
.pcl-section .detail-label i { margin-right: .3rem; }

@media (max-width: 900px) {
    .pcl-product-wrap .result-detail-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .pcl-product-wrap .result-detail-item:nth-child(4n) { border-right: 1px solid var(--line, #e2e8f0); }
    .pcl-product-wrap .result-detail-item:nth-child(2n) { border-right: none; }
}

@media (max-width: 576px) {
    .pcl-product-wrap .result-detail-grid { grid-template-columns: 1fr; }
    .pcl-product-wrap .result-detail-item { border-right: none; }
}

.hero-strip-item.is-done { opacity: .85; }