.bon-office{--bon-blue:#0d4776;--bon-cyan:#11a7bd;max-width:1180px;margin:30px auto;font-family:inherit;color:#183248}.bon-office-head{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,var(--bon-blue),#0c6e94);color:#fff;padding:24px 28px;border-radius:18px 18px 0 0}.bon-office-head span{font-size:12px;letter-spacing:.18em;font-weight:700}.bon-office-head h2{color:#fff!important;margin:4px 0;font-size:32px}.bon-office-head p{margin:0;opacity:.85}.bon-logout{color:#fff!important;text-decoration:none;border:1px solid rgba(255,255,255,.45);padding:8px 14px;border-radius:999px}.bon-tabs{display:flex;gap:4px;flex-wrap:wrap;background:#eef8fb;padding:10px;border-radius:0 0 18px 18px;margin-bottom:20px}.bon-tabs a{padding:10px 14px;text-decoration:none!important;color:var(--bon-blue)!important;border-radius:10px;font-weight:600}.bon-tabs a.active{background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.06)}.bon-front-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:20px 0}.bon-front-cards>div,.bon-box{background:#fff;border:1px solid #dbe7ed;border-radius:16px;padding:18px;box-shadow:0 5px 18px rgba(20,75,100,.06)}.bon-front-cards span{display:block;font-size:12px;color:#6b7f8c;text-transform:uppercase}.bon-front-cards strong{display:block;font-size:24px;color:var(--bon-blue);margin-top:6px}.bon-box{margin-bottom:18px}.bon-box h3{margin-top:0;color:var(--bon-blue)}.bon-ref-link{display:flex;gap:8px}.bon-ref-link input{flex:1;min-width:0}.bon-ref-link button,.bon-form button{background:var(--bon-blue);color:white;border:0;border-radius:10px;padding:10px 16px;cursor:pointer}.bon-front-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.bon-form label{display:block;font-size:13px;font-weight:600;margin-bottom:10px}.bon-form input,.bon-form select,.bon-form textarea{display:block;width:100%;box-sizing:border-box;margin-top:5px;padding:10px;border:1px solid #cbd9e0;border-radius:9px;background:#fff}.bon-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.bon-three{display:grid;grid-template-columns:100px 1fr 110px;gap:10px}.bon-note{font-size:12px;color:#71808b}.bon-table-wrap{overflow:auto}.bon-table-wrap table{width:100%;border-collapse:collapse}.bon-table-wrap th,.bon-table-wrap td{padding:11px;border-bottom:1px solid #edf1f4;text-align:left;white-space:nowrap}.bon-network-list{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.bon-network-list>div{border:1px solid #e2eaf0;border-radius:10px;padding:12px}.bon-network-list strong,.bon-network-list span{display:block}.bon-network-list span{font-size:12px;color:#71808b;margin-top:3px}.bon-pill{display:inline-block;background:#e5f6fa;color:#08758c;padding:3px 8px;border-radius:999px;font-size:12px}@media(max-width:800px){.bon-front-cards{grid-template-columns:repeat(2,1fr)}.bon-front-grid{grid-template-columns:1fr}.bon-network-list{grid-template-columns:1fr 1fr}.bon-two,.bon-three{grid-template-columns:1fr}.bon-tabs{overflow-x:auto;flex-wrap:nowrap}.bon-tabs a{white-space:nowrap}}


/* =========================================================
   LOGIN AREA RISERVATA BEGO ONE
   ========================================================= */
.bon-login-page{
    max-width:none;
    margin:0!important;
    padding:70px 22px 90px;
    background:
        radial-gradient(circle at 15% 10%,rgba(67,216,210,.18),transparent 30%),
        radial-gradient(circle at 90% 10%,rgba(68,188,212,.18),transparent 32%),
        linear-gradient(180deg,#effbfa 0%,#f8fcfc 100%);
    min-height:620px;
}
.bon-login-card{
    width:min(500px,100%);
    margin:0 auto;
    background:#fff;
    border:1px solid #d9ecee;
    border-radius:26px;
    padding:38px 40px;
    box-shadow:0 22px 60px rgba(10,70,102,.10);
}
.bon-login-brand{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    margin-bottom:25px;
}
.bon-login-brand img{
    width:135px;
    height:auto;
    display:block;
}
.bon-login-brand span{
    color:#069aad;
    font-size:11px;
    font-weight:850;
    letter-spacing:.14em;
}
.bon-login-card h2{
    margin:0 0 8px!important;
    color:#0b4776!important;
    font-size:38px!important;
    letter-spacing:-.035em;
}
.bon-login-intro{
    color:#5c7889;
    font-size:16px;
    margin:0 0 27px;
}
.bon-login-card .login-username,
.bon-login-card .login-password,
.bon-login-card .login-remember{
    margin:0 0 17px;
}
.bon-login-card label{
    display:block;
    color:#274e68;
    font-size:13px;
    font-weight:700;
    margin-bottom:7px;
}
.bon-login-card input[type="text"],
.bon-login-card input[type="password"]{
    width:100%;
    height:48px;
    padding:10px 13px;
    border:1px solid #c8dde3;
    border-radius:11px;
    background:#fbfefe;
    outline:none;
    box-sizing:border-box;
}
.bon-login-card input[type="text"]:focus,
.bon-login-card input[type="password"]:focus{
    border-color:#16a8b7;
    box-shadow:0 0 0 3px rgba(22,168,183,.10);
}
.bon-login-card .login-remember label{
    display:flex;
    gap:8px;
    align-items:center;
    font-weight:500;
}
.bon-login-card .login-submit{
    margin:24px 0 0;
}
.bon-login-card .button-primary{
    width:100%;
    min-height:50px;
    border:0;
    border-radius:999px;
    background:linear-gradient(90deg,#0b4776,#058ba4);
    color:#fff;
    font-size:15px;
    font-weight:800;
    cursor:pointer;
    box-shadow:0 10px 24px rgba(11,71,118,.16);
}
.bon-login-card .button-primary:hover{
    background:linear-gradient(90deg,#083c66,#047d92);
}
.bon-login-help{
    margin:18px 0 0;
    text-align:center;
    font-size:13px;
}
.bon-login-help a{
    color:#087c96;
    text-decoration:none;
}
@media(max-width:600px){
    .bon-login-page{padding:40px 13px 65px}
    .bon-login-card{padding:28px 22px;border-radius:20px}
    .bon-login-brand{align-items:flex-start;flex-direction:column}
    .bon-login-card h2{font-size:32px!important}
}


/* =========================================================
   REGISTRAZIONE BEGO ONE
   ========================================================= */
.bon-login-links{
    margin-top:20px;
    text-align:center;
}
.bon-login-register{
    margin:0 0 8px;
    color:#5c7889;
    font-size:14px;
}
.bon-login-register a,
.bon-login-help a{
    color:#087c96;
    font-weight:800;
    text-decoration:none;
}
.bon-register-page,
.bon-status-message{
    max-width:none;
    margin:0!important;
    padding:70px 22px 90px;
    background:
        radial-gradient(circle at 14% 10%,rgba(67,216,210,.18),transparent 30%),
        radial-gradient(circle at 90% 5%,rgba(68,188,212,.18),transparent 32%),
        linear-gradient(180deg,#effbfa 0%,#f8fcfc 100%);
    min-height:620px;
}
.bon-register-card,
.bon-status-card{
    width:min(620px,100%);
    margin:0 auto;
    background:#fff;
    border:1px solid #d9ecee;
    border-radius:26px;
    padding:38px 40px;
    box-shadow:0 22px 60px rgba(10,70,102,.10);
}
.bon-register-brand{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    margin-bottom:25px;
}
.bon-register-brand img{
    width:135px;
    height:auto;
}
.bon-register-brand span{
    color:#069aad;
    font-size:11px;
    font-weight:850;
    letter-spacing:.14em;
}
.bon-register-card h2,
.bon-status-card h2{
    color:#0b4776!important;
    font-size:38px!important;
    margin:0 0 8px!important;
    letter-spacing:-.035em;
}
.bon-register-intro,
.bon-status-card p{
    color:#5c7889;
    line-height:1.6;
}
.bon-register-message{
    padding:13px 15px;
    border-radius:12px;
    margin:18px 0;
    font-size:14px;
}
.bon-register-message.is-error{
    background:#fff4f4;
    border:1px solid #f0cccc;
    color:#8a3131;
}
.bon-register-message.is-success{
    background:#effbf5;
    border:1px solid #ccebdc;
    color:#216b48;
}
.bon-register-form label{
    display:block;
    color:#274e68;
    font-size:13px;
    font-weight:700;
    margin-bottom:15px;
}
.bon-register-form input[type="text"],
.bon-register-form input[type="email"],
.bon-register-form input[type="password"]{
    display:block;
    width:100%;
    min-height:47px;
    margin-top:6px;
    padding:10px 13px;
    border:1px solid #c8dde3;
    border-radius:11px;
    box-sizing:border-box;
    background:#fbfefe;
}
.bon-register-two{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:13px;
}
.bon-register-account-types{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
    margin:24px 0;
}
.bon-register-account-types label{
    position:relative;
    margin:0;
    cursor:pointer;
}
.bon-register-account-types input{
    position:absolute;
    opacity:0;
}
.bon-register-account-types span{
    display:block;
    height:100%;
    padding:17px;
    border:1px solid #cde2e7;
    border-radius:15px;
    background:#f9fdfd;
}
.bon-register-account-types strong,
.bon-register-account-types small{
    display:block;
}
.bon-register-account-types strong{
    color:#0b4776;
    font-size:16px;
}
.bon-register-account-types small{
    margin-top:5px;
    color:#6a8290;
    font-weight:500;
    line-height:1.45;
}
.bon-register-account-types input:checked + span{
    border-color:#0ca1b2;
    background:#edfafa;
    box-shadow:0 0 0 3px rgba(12,161,178,.08);
}
.bon-register-privacy{
    display:flex!important;
    gap:9px;
    align-items:flex-start;
    font-weight:500!important;
    line-height:1.45;
    margin-top:6px!important;
}
.bon-register-privacy input{
    margin-top:3px;
}
.bon-register-button{
    display:inline-flex;
    width:100%;
    min-height:50px;
    align-items:center;
    justify-content:center;
    border:0;
    border-radius:999px;
    background:linear-gradient(90deg,#0b4776,#058ba4);
    color:#fff!important;
    font-size:15px;
    font-weight:800;
    text-decoration:none!important;
    cursor:pointer;
    box-shadow:0 10px 24px rgba(11,71,118,.16);
    box-sizing:border-box;
}
.bon-register-login{
    margin:20px 0 0;
    text-align:center;
    font-size:14px;
    color:#607987;
}
.bon-register-login a{
    color:#087c96;
    font-weight:800;
    text-decoration:none;
}
@media(max-width:600px){
    .bon-register-page,.bon-status-message{padding:40px 13px 65px}
    .bon-register-card,.bon-status-card{padding:28px 22px;border-radius:20px}
    .bon-register-two,.bon-register-account-types{grid-template-columns:1fr}
    .bon-register-brand{align-items:flex-start;flex-direction:column}
    .bon-register-card h2,.bon-status-card h2{font-size:32px!important}
}


/* =========================================================
   ONBOARDING E DOCUMENTI COMMERCIALE
   ========================================================= */
.bon-onboarding{max-width:1050px}
.bon-flow-message{
    display:flex;
    flex-direction:column;
    gap:4px;
    padding:14px 17px;
    border-radius:14px;
    margin:16px 0;
    font-size:13px;
}
.bon-flow-message strong{font-size:14px}
.bon-flow-message.is-success{background:#effbf5;border:1px solid #c9ead9;color:#216b48}
.bon-flow-message.is-warning{background:#fff9e9;border:1px solid #f0dfaa;color:#7c6320}
.bon-flow-message.is-error{background:#fff2f2;border:1px solid #efcccc;color:#8b3333}
.bon-onboarding-summary{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:14px;
    margin:20px 0;
}
.bon-onboarding-summary>div{
    background:#fff;
    border:1px solid #dce8ed;
    border-radius:16px;
    padding:18px;
}
.bon-onboarding-summary span{
    display:block;
    color:#708691;
    font-size:11px;
    font-weight:800;
    letter-spacing:.08em;
}
.bon-onboarding-summary strong{
    display:block;
    color:#0b4776;
    font-size:20px;
    margin-top:5px;
}
.bon-doc-progress{
    margin:15px 0 22px;
}
.bon-doc-progress>div:first-child{
    display:flex;
    justify-content:space-between;
    gap:20px;
    color:#466577;
    font-size:13px;
}
.bon-doc-progress strong{color:#0b4776}
.bon-doc-progress-bar{
    height:9px;
    background:#e7f0f2;
    border-radius:999px;
    margin-top:8px;
    overflow:hidden;
}
.bon-doc-progress-bar i{
    display:block;
    height:100%;
    background:linear-gradient(90deg,#0b88a3,#22c1bd);
    border-radius:999px;
}
.bon-doc-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:14px;
}
.bon-doc-card{
    border:1px solid #dce8ed;
    border-radius:17px;
    padding:17px;
    background:#fbfefe;
}
.bon-doc-card-head{
    display:flex;
    align-items:flex-start;
    gap:11px;
    min-height:52px;
}
.bon-doc-card-head strong,
.bon-doc-card-head small{
    display:block;
}
.bon-doc-card-head strong{color:#0b4776;font-size:14px}
.bon-doc-card-head small{color:#708691;font-size:11px;margin-top:4px;line-height:1.4}
.bon-doc-status{
    display:flex;
    align-items:center;
    justify-content:center;
    width:28px;
    height:28px;
    flex:0 0 28px;
    border-radius:50%;
    background:#edf1f3;
    color:#7a8d96;
    font-weight:800;
}
.bon-doc-status.is-done{
    background:#dff6eb;
    color:#207450;
}
.bon-doc-form{
    display:flex;
    gap:7px;
    align-items:center;
    margin-top:13px;
    flex-wrap:wrap;
}
.bon-doc-form input[type=file]{
    flex:1 1 190px;
    max-width:100%;
    font-size:11px;
}
.bon-doc-button{
    border:0;
    border-radius:999px;
    background:#0b4776;
    color:#fff;
    padding:9px 14px;
    font-size:12px;
    font-weight:800;
    cursor:pointer;
}
.bon-doc-view,
.bon-doc-template{
    display:inline-block;
    margin-top:10px;
    margin-right:8px;
    font-size:12px;
    font-weight:750;
    color:#087f98!important;
    text-decoration:none!important;
}
.bon-doc-template.is-disabled{
    color:#8a9aa2!important;
    cursor:default;
}
@media(max-width:720px){
    .bon-doc-grid,.bon-onboarding-summary{grid-template-columns:1fr}
}


/* Invito referral nella registrazione */
.bon-invite-banner{
    margin:18px 0 22px;
    padding:15px 17px;
    border:1px solid #cfe8ea;
    border-radius:14px;
    background:linear-gradient(135deg,#effafa,#f7fdfd);
}
.bon-invite-banner span,
.bon-invite-banner strong,
.bon-invite-banner small{
    display:block;
}
.bon-invite-banner span{
    color:#0795a8;
    font-size:10px;
    font-weight:850;
    letter-spacing:.13em;
}
.bon-invite-banner strong{
    margin-top:5px;
    color:#0b4776;
    font-size:17px;
}
.bon-invite-banner small{
    margin-top:3px;
    color:#718894;
    font-size:11px;
}


/* =========================================================
   CONTO ALLA ROVESCIA PRIMO ORDINE
   ========================================================= */
.bon-head-actions{
    display:flex;
    align-items:center;
    gap:12px;
}
.bon-deadline{
    min-width:116px;
    padding:8px 13px;
    border-radius:14px;
    background:rgba(255,255,255,.13);
    border:1px solid rgba(255,255,255,.24);
    text-align:center;
    color:#fff;
}
.bon-deadline small,
.bon-deadline strong,
.bon-deadline span{
    display:block;
}
.bon-deadline small{
    font-size:8px;
    letter-spacing:.11em;
    font-weight:850;
    opacity:.82;
}
.bon-deadline strong{
    font-size:28px;
    line-height:1;
    margin:3px 0;
}
.bon-deadline span{
    font-size:9px;
    opacity:.78;
}
.bon-deadline.is-expired{
    background:rgba(155,43,43,.48);
    border-color:rgba(255,255,255,.30);
}
.bon-deadline.is-complete{
    background:rgba(18,121,89,.42);
}
.bon-deadline.is-complete strong{
    font-size:24px;
}

/* =========================================================
   BLOCCO ORDINE FINO A DOCUMENTI COMPLETI
   ========================================================= */
.bon-order-lock{
    display:flex;
    gap:15px;
    margin:0 0 18px;
    padding:17px;
    border:1px solid #efd8a6;
    border-radius:16px;
    background:#fff9eb;
    color:#655124;
}
.bon-order-lock-icon{
    flex:0 0 36px;
    font-size:24px;
}
.bon-order-lock strong{
    display:block;
    color:#6b531a;
    font-size:15px;
}
.bon-order-lock p{
    margin:5px 0 10px;
    font-size:12px;
    line-height:1.5;
}
.bon-order-lock ul{
    margin:0 0 12px 18px;
    padding:0;
    font-size:12px;
}
.bon-order-lock li{margin:4px 0}
.bon-order-lock li small{color:#9a7b34}
.bon-order-doc-link{
    display:inline-flex!important;
    width:auto!important;
    text-decoration:none!important;
}
.bon-order-form.is-locked{
    opacity:.53;
}
.bon-order-form.is-locked button{
    cursor:not-allowed;
    background:#82939b;
}
.bon-order-message{
    display:flex;
    flex-direction:column;
    gap:4px;
    margin-bottom:14px;
    padding:13px 15px;
    border-radius:13px;
}
.bon-order-message.is-success{
    background:#effbf5;
    border:1px solid #ccebdc;
    color:#216b48;
}
@media(max-width:720px){
    .bon-office-head{align-items:flex-start}
    .bon-head-actions{flex-direction:column;align-items:flex-end}
    .bon-deadline{min-width:105px}
}


/* Livelli rete: 1 = utente corrente, 2 = diretti, 3 = secondo livello discendente */
.bon-network-list small{
    display:block;
    margin-top:5px;
    color:#7b909b;
    font-size:10px;
}
.bon-network-me{
    border-color:#b9e3e5!important;
    background:linear-gradient(135deg,#effafa,#f8fdfd);
}
.bon-network-me small{
    color:#0792a5;
    font-weight:800;
}
.bon-invite-banner em{
    display:block;
    margin-top:9px;
    color:#926b1a;
    font-size:11px;
    font-style:normal;
    line-height:1.45;
}


/* =========================================================
   FIRMA OTP CONTRATTO / PRIVACY
   ========================================================= */
.bon-signature-card{
    grid-column:span 1;
}
.bon-otp-box{
    margin-top:14px;
    padding:14px;
    border:1px solid #d8e8eb;
    border-radius:14px;
    background:#f8fcfc;
}
.bon-otp-accept{
    display:flex!important;
    align-items:flex-start;
    gap:9px;
    margin:0 0 13px!important;
    color:#33596e!important;
    font-size:12px!important;
    font-weight:500!important;
    line-height:1.5;
}
.bon-otp-accept input{
    margin-top:3px;
    flex:0 0 auto;
}
.bon-otp-actions{
    display:flex;
    align-items:center;
    gap:8px;
    flex-wrap:wrap;
}
.bon-otp-actions .bon-doc-button{
    margin:0;
}
.bon-otp-code{
    width:175px!important;
    height:38px;
    border:1px solid #bcd3da!important;
    border-radius:9px!important;
    padding:6px 10px!important;
    font-size:14px!important;
    letter-spacing:.4px;
    text-align:center;
    background:#fff!important;
    color:#173f5f!important;
}
.bon-otp-code::placeholder{
    font-size:12px;
    letter-spacing:0;
    color:#708691;
}
.bon-otp-message{
    min-height:20px;
    margin-top:10px;
    font-size:12px;
    line-height:1.45;
    color:#516d7c;
}
.bon-otp-message.is-working{color:#705b25}
.bon-otp-message.is-success{color:#216b48;font-weight:700}
.bon-otp-message.is-error{color:#8b3333;font-weight:700}
.bon-otp-note{
    margin:9px 0 0!important;
    font-size:10px!important;
    line-height:1.45!important;
    color:#758b96!important;
}
.bon-signature-complete{
    margin-top:13px;
    padding:13px 14px;
    border:1px solid #cbe9da;
    border-radius:13px;
    background:#effaf5;
    color:#245f47;
}
.bon-signature-complete strong,
.bon-signature-complete span,
.bon-signature-complete small{
    display:block;
}
.bon-signature-complete strong{
    font-size:13px;
}
.bon-signature-complete span{
    margin-top:4px;
    font-size:11px;
}
.bon-signature-complete small{
    margin-top:5px;
    color:#628071;
    font-size:10px;
    line-height:1.4;
}
@media(max-width:720px){
    .bon-otp-actions{
        align-items:stretch;
        flex-direction:column;
    }
    .bon-otp-actions .bon-doc-button,
    .bon-otp-code{
        width:100%!important;
    }
}

/* Configurazione amministratore */
.bon-config-quick{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 16px;border-radius:999px;background:#fff;color:#0b4776!important;text-decoration:none!important;font-size:12px;font-weight:850;box-shadow:0 6px 18px rgba(0,0,0,.08)}
.bon-admin-config{margin-top:18px}
.bon-config-title{display:flex;justify-content:space-between;align-items:flex-start;gap:30px;margin-bottom:20px}
.bon-config-title>div:first-child span{color:#0795a8;font-size:10px;font-weight:850;letter-spacing:.14em}
.bon-config-title h2{margin:4px 0 7px!important;color:#0b4776!important;font-size:36px!important;letter-spacing:-.035em}
.bon-config-title p{max-width:760px;margin:0;color:#617987;line-height:1.6}
.bon-admin-badge{flex:0 0 auto;padding:9px 13px;border-radius:999px;background:#0b4776;color:#fff;font-size:10px;font-weight:850;letter-spacing:.08em}
.bon-config-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.bon-config-section{margin:0!important}
.bon-config-info{grid-column:1/-1}
.bon-config-section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}
.bon-config-section-head>div>span{display:block;color:#0795a8;font-size:9px;font-weight:850;letter-spacing:.13em}
.bon-config-section-head h3{margin:4px 0 0!important}
.bon-config-section>p{color:#617987;font-size:13px;line-height:1.55}
.bon-config-doc-row{padding:15px 0;border-top:1px solid #e7eff2}
.bon-config-doc-row>div:first-child strong,.bon-config-doc-row>div:first-child small{display:block}
.bon-config-doc-row>div:first-child strong{color:#0b4776;font-size:14px}
.bon-config-doc-row>div:first-child small{margin-top:4px;color:#718691;font-size:11px}
.bon-config-upload{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:11px}
.bon-config-upload input[type=file]{flex:1 1 190px;font-size:11px}
.bon-config-download{display:inline-block;margin-top:8px;color:#087f98!important;font-size:11px;font-weight:800;text-decoration:none!important}
.bon-config-total{color:#0b4776;font-size:22px}
.bon-config-form label{display:block}
.bon-config-form label>span{display:block;margin-bottom:6px;color:#35596d;font-size:11px;font-weight:750}
.bon-config-commission-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:17px 0}
.bon-config-commission-grid label>div,.bon-config-inline{display:flex;align-items:center;gap:7px}
.bon-config-form input,.bon-config-form select{width:100%;min-height:42px;border:1px solid #c8dde3;border-radius:10px;padding:8px 10px;background:#fbfefe;box-sizing:border-box}
.bon-config-form em{font-size:12px;color:#6c818c;font-style:normal}
.bon-config-divider{height:1px;background:#e7eff2;margin:21px 0}
.bon-config-form h4{color:#0b4776;margin:0 0 13px}
.bon-config-two{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}
.bon-config-save{width:100%;min-height:48px;margin-top:9px;border:0;border-radius:999px;background:linear-gradient(90deg,#0b4776,#078aa1);color:#fff;font-size:14px;font-weight:850;cursor:pointer}
.bon-config-rule-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:15px}
.bon-config-rule-list>div{padding:14px;border:1px solid #e0eaed;border-radius:13px;background:#fbfefe}
.bon-config-rule-list strong,.bon-config-rule-list span{display:block}
.bon-config-rule-list strong{color:#0b4776;font-size:12px}
.bon-config-rule-list span{margin-top:4px;color:#687f8c;font-size:11px;line-height:1.45}
@media(max-width:850px){.bon-config-grid{grid-template-columns:1fr}.bon-config-info{grid-column:auto}}
@media(max-width:650px){.bon-config-title{flex-direction:column}.bon-config-commission-grid,.bon-config-two,.bon-config-rule-list{grid-template-columns:1fr}}


/* =========================================================
   LETTURA OBBLIGATORIA PDF PRIMA DELL'OTP
   ========================================================= */
.bon-pdf-reader{
    margin:13px 0 15px;
    border:1px solid #cbdde3;
    border-radius:15px;
    overflow:hidden;
    background:#eef4f6;
}
.bon-pdf-reader-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:15px;
    padding:11px 13px;
    background:#fff;
    border-bottom:1px solid #d9e5e9;
}
.bon-pdf-reader-head strong,
.bon-pdf-reader-head span{
    display:block;
}
.bon-pdf-reader-head strong{
    color:#0b4776;
    font-size:13px;
}
.bon-pdf-reader-head span{
    margin-top:2px;
    color:#708691;
    font-size:10px;
}
.bon-pdf-read-status{
    flex:0 0 auto;
    padding:6px 9px;
    border-radius:999px;
    background:#fff5d9;
    color:#82641b;
    font-size:9px;
    font-weight:850;
    letter-spacing:.04em;
}
.bon-pdf-read-status.is-complete{
    background:#e0f7ec;
    color:#226b49;
}
.bon-pdf-scroll{
    height:500px;
    overflow-y:auto;
    overflow-x:auto;
    padding:14px;
    scroll-behavior:smooth;
    background:#dfe8eb;
    outline:none;
}
.bon-pdf-scroll:focus{
    box-shadow:inset 0 0 0 3px rgba(8,143,164,.15);
}
.bon-pdf-loading{
    min-height:180px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#667d89;
    font-size:12px;
}
.bon-pdf-pages{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:16px;
}
.bon-pdf-page{
    position:relative;
    max-width:100%;
}
.bon-pdf-page canvas{
    display:block;
    max-width:100%;
    height:auto!important;
    background:#fff;
    box-shadow:0 4px 16px rgba(21,53,68,.16);
}
.bon-pdf-page-number{
    position:absolute;
    top:7px;
    right:7px;
    z-index:2;
    padding:4px 7px;
    border-radius:999px;
    background:rgba(11,71,118,.88);
    color:#fff;
    font-size:8px;
    font-weight:800;
}
.bon-pdf-scroll-hint{
    padding:9px 12px;
    border-top:1px solid #d4e2e6;
    background:#fff;
    color:#7c6524;
    text-align:center;
    font-size:10px;
    font-weight:750;
}
.bon-pdf-scroll-hint.is-complete{
    color:#216b48;
    background:#f1fbf6;
}
.bon-otp-accept.is-locked{
    opacity:.50;
    cursor:not-allowed;
}
.bon-otp-accept.is-locked input{
    cursor:not-allowed;
}
.bon-otp-actions button:disabled,
.bon-otp-actions input:disabled{
    opacity:.48;
    cursor:not-allowed;
}
@media(max-width:720px){
    .bon-pdf-scroll{
        height:420px;
        padding:9px;
    }
    .bon-pdf-reader-head{
        align-items:flex-start;
        flex-direction:column;
    }
}