.fpp-profile,.fpp-editor,.fpp-resume{max-width:900px;margin:0 auto;font-family:Arial,sans-serif;line-height:1.55}
.fpp-hero{display:flex;gap:24px;align-items:center;padding:24px 0;border-bottom:1px solid #ddd}
.fpp-avatar{border-radius:50%}.fpp-headline{font-size:1.2rem}.fpp-muted{opacity:.7}
.fpp-profile section,.fpp-editor section,.fpp-resume section{padding:22px 0;border-bottom:1px solid #e5e5e5}
.fpp-profile h1,.fpp-resume h1{margin:0}.fpp-item{padding:12px 0}
.fpp-skills{display:flex;gap:8px;flex-wrap:wrap}.fpp-skills span{background:#f2f2f2;border-radius:999px;padding:6px 10px}
.fpp-button,.fpp-printbar button{display:inline-block;border:0;border-radius:6px;padding:10px 16px;background:#222;color:#fff;text-decoration:none;cursor:pointer}
.fpp-editor form{padding:14px 0}.fpp-editor label{display:block;margin:10px 0;font-weight:600}
.fpp-editor input[type=text],.fpp-editor input[type=url],.fpp-editor textarea,.fpp-editor select,.fpp-inline-form input{width:100%;padding:10px;border:1px solid #ccc;border-radius:5px;box-sizing:border-box}
.fpp-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.fpp-existing{padding:10px 0;border-bottom:1px solid #eee}.fpp-existing a{float:right}
.fpp-notice{padding:10px;background:#f0fff4;border:1px solid #b7e4c7;margin-bottom:12px}
.fpp-resume-body{background:#eee;margin:0;padding:30px}.fpp-resume{background:white;padding:48px;box-shadow:0 2px 12px rgba(0,0,0,.12)}
.fpp-resume header{border-bottom:2px solid #222;padding-bottom:20px}.fpp-resume article{margin:16px 0}.fpp-printbar{text-align:right;margin-bottom:20px}
@media(max-width:700px){.fpp-grid{grid-template-columns:1fr}.fpp-hero{align-items:flex-start}.fpp-resume-body{padding:0}.fpp-resume{padding:24px}}
@media print{.fpp-printbar{display:none}.fpp-resume-body{background:#fff;padding:0}.fpp-resume{box-shadow:none;max-width:none;padding:0}}


/* ===== v0.2 Professional editor redesign ===== */
.fpp-editor{
    max-width:1100px;
    margin:0 auto;
    color:#162033;
}
.fpp-editor > h2:first-of-type{
    margin-bottom:18px;
}
.fpp-form-card{
    background:#fff;
    border:1px solid #e6eaf0 !important;
    border-radius:18px;
    padding:28px !important;
    margin:28px 0;
    box-shadow:0 8px 28px rgba(20,33,61,.06);
}
.fpp-card-heading{
    display:flex;
    align-items:flex-start;
    gap:16px;
    margin-bottom:24px;
}
.fpp-card-heading h2{
    margin:0 0 5px;
    font-size:24px;
    line-height:1.2;
    color:#172033;
}
.fpp-card-heading p{
    margin:0;
    color:#6d7788;
    font-size:14px;
}
.fpp-card-icon{
    width:46px;
    height:46px;
    border-radius:12px;
    background:#eef4ff;
    display:flex;
    align-items:center;
    justify-content:center;
    flex:0 0 46px;
}
.fpp-card-icon svg{
    width:24px;
    height:24px;
    fill:none;
    stroke:#2367e8;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
}
.fpp-modern-form{
    padding:0 !important;
}
.fpp-modern-form .fpp-grid{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    gap:18px 26px;
}
.fpp-modern-form .fpp-grid-education{
    grid-template-columns:1.25fr .75fr .75fr;
}
.fpp-modern-form label{
    display:block;
    margin:0 0 18px;
    font-weight:600;
    color:#243047;
    font-size:14px;
}
.fpp-modern-form label > span:first-child{
    display:block;
    margin-bottom:7px;
}
.fpp-modern-form label b{
    color:#e44747;
}
.fpp-modern-form label em{
    font-style:normal;
    font-weight:500;
    color:#8791a2;
}
.fpp-modern-form input[type="text"],
.fpp-modern-form input[type="url"],
.fpp-modern-form input[type="month"],
.fpp-modern-form input:not([type]),
.fpp-modern-form select,
.fpp-modern-form textarea{
    width:100% !important;
    min-height:46px;
    margin:0 !important;
    padding:11px 14px !important;
    border:1px solid #d7dde7 !important;
    border-radius:9px !important;
    background:#fff !important;
    color:#182235 !important;
    box-sizing:border-box !important;
    font-size:14px !important;
    line-height:1.4 !important;
    box-shadow:0 1px 2px rgba(17,24,39,.02) inset !important;
    transition:border-color .18s ease, box-shadow .18s ease, background .18s ease;
}
.fpp-modern-form input::placeholder,
.fpp-modern-form textarea::placeholder{
    color:#9aa4b5;
    opacity:1;
}
.fpp-modern-form textarea{
    min-height:128px;
    resize:vertical;
}
.fpp-modern-form input:focus,
.fpp-modern-form select:focus,
.fpp-modern-form textarea:focus{
    outline:none !important;
    border-color:#3b75ed !important;
    box-shadow:0 0 0 3px rgba(59,117,237,.12) !important;
}
.fpp-check{
    display:flex !important;
    align-items:center;
    gap:9px;
    width:max-content;
    margin:-4px 0 20px !important;
    cursor:pointer;
    font-weight:500 !important;
    color:#48566c !important;
}
.fpp-check input{
    width:18px !important;
    height:18px !important;
    margin:0 !important;
    accent-color:#2367e8;
}
.fpp-check span{
    margin:0 !important;
}
.fpp-form-actions{
    display:flex;
    justify-content:flex-end;
    margin-top:2px;
}
.fpp-button-primary{
    background:#2367e8 !important;
    color:#fff !important;
    border-radius:9px !important;
    padding:11px 18px !important;
    font-weight:700;
    box-shadow:0 5px 12px rgba(35,103,232,.18);
}
.fpp-button-primary:hover{
    background:#1857cb !important;
    color:#fff !important;
}
.fpp-plus{
    display:inline-block;
    margin-right:7px;
    font-size:18px;
    line-height:1;
}
.fpp-existing-card{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    margin-bottom:14px;
    padding:14px 16px !important;
    border:1px solid #e5e9f0 !important;
    background:#f9fbfd;
    border-radius:10px;
}
.fpp-existing-card strong{
    display:block;
    color:#1d283b;
}
.fpp-existing-card span{
    display:block;
    margin-top:2px;
    color:#758095;
    font-size:13px;
}
.fpp-delete-link{
    float:none !important;
    color:#c43f45 !important;
    font-weight:600;
    text-decoration:none;
    white-space:nowrap;
}
.fpp-delete-link:hover{
    text-decoration:underline;
}
.fpp-editor hr{
    display:none;
}

@media(max-width:850px){
    .fpp-modern-form .fpp-grid,
    .fpp-modern-form .fpp-grid-education{
        grid-template-columns:1fr;
        gap:0;
    }
    .fpp-form-card{
        padding:20px !important;
        border-radius:14px;
    }
    .fpp-form-actions{
        justify-content:stretch;
    }
    .fpp-form-actions .fpp-button{
        width:100%;
    }
}


/* ===== v0.2.1 intro integration + save behavior ===== */
.fpp-intro-editor-card{margin-top:8px}
.fpp-intro-card{
    background:#fff;
    border:1px solid #edf0f4 !important;
    border-radius:16px;
    padding:22px !important;
    box-shadow:0 6px 18px rgba(20,33,61,.05);
    margin:20px 0;
}
.fpp-intro-card h2{margin:0 0 20px;font-size:22px;color:#20242c}
.fpp-intro-copy{color:#5f6877;margin-bottom:14px}
.fpp-intro-copy p{margin:0}
.fpp-intro-meta{display:flex;align-items:center;gap:10px;margin-top:10px;color:#697386;font-size:14px}
.fpp-intro-meta span:first-child{width:18px;text-align:center}
.fpp-intro-meta a{color:#1769d2;text-decoration:none}
.fpp-intro-meta a:hover{text-decoration:underline}
.fpp-notice{border-radius:10px;padding:12px 14px;background:#eefaf3;border:1px solid #c8ead5;color:#246b43;font-weight:600}


/* ===== v0.3 Dedicated Professional sharing + QR ===== */
.fpp-share-layout{
    display:grid;
    grid-template-columns:280px minmax(0,1fr);
    gap:28px;
    align-items:center;
}
.fpp-qr-panel{
    border:1px solid #e2e7ef;
    border-radius:16px;
    background:#fff;
    padding:20px;
    text-align:center;
    box-shadow:0 8px 25px rgba(30,45,70,.06);
}
.fpp-qr-image{
    display:block;
    width:100%;
    max-width:240px;
    height:auto;
    margin:0 auto;
    border-radius:8px;
}
.fpp-qr-caption{
    margin-top:12px;
    color:#617086;
    font-size:13px;
    font-weight:600;
}
.fpp-share-details h3{
    margin:0 0 7px;
    font-size:20px;
}
.fpp-share-details > p{
    color:#6d7889;
}
.fpp-share-url-row{
    display:flex;
    gap:10px;
    margin:18px 0 12px;
}
.fpp-share-url-row input{
    flex:1;
    min-width:0;
    padding:12px 14px;
    border:1px solid #d7dde7;
    border-radius:9px;
    background:#f8fafc;
}
.fpp-copy-button{
    white-space:nowrap;
}
.fpp-text-link{
    color:#2367e8;
    font-weight:700;
    text-decoration:none;
}
.fpp-share-toggle-form{
    margin-top:22px;
    padding-top:20px !important;
    border-top:1px solid #e9edf3;
}
.fpp-qr-shortcode{
    display:inline-flex;
    flex-direction:column;
    align-items:center;
    gap:8px;
    text-align:center;
}
.fpp-qr-shortcode img{
    display:block;
    max-width:100%;
    height:auto;
    border-radius:10px;
}
.fpp-qr-label{
    color:#667085;
    font-size:12px;
    font-weight:600;
}
.fpp-public-professional-body{
    margin:0;
    background:#f5f7fb;
}
.fpp-public-professional-page{
    width:min(1040px,calc(100% - 32px));
    margin:32px auto;
}
.fpp-public-topbar{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    margin-bottom:16px;
    padding:18px 22px;
    background:#fff;
    border:1px solid #e3e8ef;
    border-radius:16px;
    box-shadow:0 8px 26px rgba(31,45,65,.06);
}
.fpp-public-topbar h1{
    margin:3px 0 0;
    font-size:23px;
}
.fpp-public-eyebrow{
    color:#6e7a8e;
    font-size:12px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.06em;
}
.fpp-copy-share{
    border:0;
    border-radius:9px;
    padding:10px 14px;
    background:#2367e8;
    color:#fff;
    cursor:pointer;
    font-weight:700;
}
.fpp-public-professional-page .fpp-profile{
    background:#fff;
    border:1px solid #e3e8ef;
    border-radius:18px;
    padding:28px;
    box-shadow:0 8px 28px rgba(31,45,65,.06);
}
@media(max-width:760px){
    .fpp-share-layout{grid-template-columns:1fr}
    .fpp-qr-panel{max-width:280px;margin:0 auto}
    .fpp-share-url-row{flex-direction:column}
    .fpp-public-topbar{align-items:flex-start;flex-direction:column}
    .fpp-copy-share{width:100%}
}


/* ===== v0.4 Unified Professional Profile & Resume Sharing ===== */
.fpp-editor,
.fpp-profile,
.fpp-public-professional-page{
    --fpp-accent:#ff5a14;
    --fpp-accent-soft:rgba(255,90,20,.10);
    --fpp-accent-border:rgba(255,90,20,.28);
}
.fpp-card-icon{
    background:var(--fpp-accent-soft) !important;
}
.fpp-card-icon svg{
    stroke:var(--fpp-accent) !important;
}
.fpp-button-primary{
    background:var(--fpp-accent) !important;
    box-shadow:0 5px 14px var(--fpp-accent-border) !important;
}
.fpp-button-primary:hover{filter:brightness(.94)}
.fpp-outline-accent{
    background:#fff !important;
    color:var(--fpp-accent) !important;
    border:1px solid var(--fpp-accent) !important;
    box-shadow:none !important;
}
.fpp-button-secondary{
    background:#fff !important;
    color:#2b3547 !important;
    border:1px solid #dbe1ea !important;
    box-shadow:none !important;
}
.fpp-modern-form input:focus,
.fpp-modern-form select:focus,
.fpp-modern-form textarea:focus,
.fpp-skill-form input:focus,
.fpp-resume-share-form input:focus{
    border-color:var(--fpp-accent) !important;
    box-shadow:0 0 0 3px var(--fpp-accent-soft) !important;
}
.fpp-check input{accent-color:var(--fpp-accent) !important}
.fpp-skills-card .fpp-skill-form{
    padding:0 !important;
}
.fpp-skill-form input{
    width:100%;
    min-height:46px;
    padding:11px 14px;
    border:1px solid #d7dde7;
    border-radius:9px;
    box-sizing:border-box;
}
.fpp-skill-actions{
    margin-top:22px; /* requested extra breathing room */
}
.fpp-saved-skills{
    margin-bottom:18px;
}
.fpp-saved-skills span{
    background:var(--fpp-accent-soft);
    border:1px solid var(--fpp-accent-border);
}
.fpp-saved-skills a{
    color:var(--fpp-accent);
    text-decoration:none;
    margin-left:4px;
}
.fpp-unified-share{
    position:relative;
}
.fpp-share-collapse{
    position:absolute;
    right:20px;
    top:20px;
    width:40px;
    height:40px;
    border-radius:50%;
    border:1px solid #dfe5ed;
    background:#fff;
    color:#3b4658;
    cursor:pointer;
    font-size:18px;
    box-shadow:0 3px 10px rgba(28,42,67,.06);
}
.fpp-share-tabs{
    display:flex;
    gap:28px;
    border-bottom:1px solid #e5e9ef;
    margin:8px 0 26px;
    padding-left:2px;
}
.fpp-share-tab{
    border:0;
    background:none;
    padding:12px 12px 13px;
    color:#687387;
    font-weight:700;
    cursor:pointer;
    border-bottom:2px solid transparent;
}
.fpp-share-tab.is-active{
    color:var(--fpp-accent);
    border-bottom-color:var(--fpp-accent);
}
.fpp-share-pane{display:none}
.fpp-share-pane.is-active{display:block}
.fpp-share-main-grid{
    display:grid;
    grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);
    gap:34px;
}
.fpp-share-right{
    border-left:1px solid #e7ebf1;
    padding-left:34px;
}
.fpp-share-left h3,
.fpp-share-right h3,
.fpp-resume-share-panel h3{
    margin:0 0 5px;
    font-size:17px;
    color:#1b2434;
}
.fpp-help{
    margin:0 0 14px;
    color:#718096;
    font-size:13px;
}
.fpp-share-button-row{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin:12px 0 24px;
}
.fpp-share-email{
    padding-top:20px;
    border-top:1px solid #e7ebf1;
}
.fpp-email-grid{
    display:grid;
    gap:10px;
    margin:12px 0;
}
.fpp-email-grid input,
.fpp-email-grid textarea,
.fpp-resume-share-form input{
    width:100%;
    padding:12px 14px;
    border:1px solid #d7dde7;
    border-radius:9px;
    box-sizing:border-box;
    font:inherit;
}
.fpp-qr-actions-grid{
    display:grid;
    grid-template-columns:minmax(180px,240px) 1fr;
    gap:18px;
    align-items:start;
}
.fpp-qr-panel{
    padding:12px !important;
}
.fpp-qr-action-list{
    display:grid;
    gap:10px;
}
.fpp-qr-action{
    width:100%;
    text-align:left;
    border:1px solid #dfe5ed;
    border-radius:10px;
    background:#fff;
    color:#1f2937;
    padding:13px 14px;
    text-decoration:none;
    cursor:pointer;
    display:flex;
    flex-direction:column;
}
.fpp-qr-action:hover{
    border-color:var(--fpp-accent);
    background:var(--fpp-accent-soft);
}
.fpp-qr-action strong{font-size:13px}
.fpp-qr-action span{font-size:12px;color:#7b8798;margin-top:2px}
.fpp-share-toggle-form{
    margin-top:18px !important;
}
.fpp-privacy-box{
    margin-top:18px;
    border:1px solid var(--fpp-accent-border);
    background:linear-gradient(90deg,var(--fpp-accent-soft),#fff);
    border-radius:12px;
    padding:14px 16px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
}
.fpp-privacy-box strong,
.fpp-privacy-box span{
    display:block;
}
.fpp-privacy-box > div span{
    margin-top:3px;
    color:#718096;
    font-size:12px;
}
.fpp-privacy-status{
    border:1px solid #dbe1e8;
    border-radius:999px;
    padding:6px 10px;
    background:#fff;
    font-size:12px;
    font-weight:700;
}
.fpp-resume-share-panel{
    display:grid;
    grid-template-columns:260px 1fr;
    gap:26px;
    align-items:start;
}
.fpp-resume-share-form{
    display:grid;
    grid-template-columns:minmax(180px,.7fr) minmax(300px,1.3fr) auto;
    gap:18px;
    align-items:end;
}
.fpp-resume-share-form label{
    margin:0;
}
.fpp-resume-share-form label > span:first-child{
    display:block;
    font-size:13px;
    font-weight:700;
    margin-bottom:7px;
}
.fpp-resume-toggle{
    margin:0 0 8px !important;
}
.fpp-resume-share-form > .fpp-button{
    grid-column:1/-1;
    justify-self:start;
}
.fpp-resume-link-field .fpp-share-url-row{
    margin:0;
}
.fpp-public-topbar .fpp-copy-share{
    background:var(--fpp-accent) !important;
}
@media(max-width:920px){
    .fpp-share-main-grid{grid-template-columns:1fr}
    .fpp-share-right{border-left:0;border-top:1px solid #e7ebf1;padding:26px 0 0}
    .fpp-resume-share-panel{grid-template-columns:1fr}
    .fpp-resume-share-form{grid-template-columns:1fr}
}
@media(max-width:620px){
    .fpp-share-tabs{gap:6px;overflow:auto}
    .fpp-share-tab{white-space:nowrap}
    .fpp-qr-actions-grid{grid-template-columns:1fr}
    .fpp-share-url-row{flex-direction:column}
    .fpp-share-button-row .fpp-button{width:100%;text-align:center}
}


/* ===== v0.5 Sharing layout repair + advanced privacy ===== */
.fpp-unified-share{
    overflow:hidden;
    padding:28px !important;
}
.fpp-unified-share .fpp-card-heading{
    padding-right:52px;
}
.fpp-share-tabs{
    margin-left:-28px;
    margin-right:-28px;
    padding-left:28px;
    padding-right:28px;
}
.fpp-share-tab{
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    color:#667085 !important;
}
.fpp-share-tab.is-active{
    color:var(--fpp-accent) !important;
    border-bottom-color:var(--fpp-accent) !important;
}
.fpp-share-main-grid{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
    gap:30px !important;
}
.fpp-share-left,
.fpp-share-right{
    min-width:0;
}
.fpp-share-right{
    padding-left:30px !important;
}
.fpp-share-url-row{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    gap:10px !important;
    align-items:stretch;
}
.fpp-share-url-row input{
    min-width:0 !important;
    width:100% !important;
    height:44px;
}
.fpp-share-url-row .fpp-button{
    min-width:76px;
    height:44px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
}
.fpp-share-button-row .fpp-button,
.fpp-share-email .fpp-button,
.fpp-share-toggle-form .fpp-button{
    border-radius:8px !important;
}
.fpp-qr-actions-grid{
    grid-template-columns:minmax(180px,220px) minmax(150px,1fr) !important;
    gap:16px !important;
}
.fpp-qr-panel{
    width:auto !important;
    max-width:none !important;
}
.fpp-qr-image{
    width:100% !important;
    max-width:210px !important;
    margin:auto !important;
}
.fpp-qr-action{
    min-height:64px;
    justify-content:center;
    border-radius:9px !important;
    color:#243044 !important;
    background:#fff !important;
}
.fpp-qr-action:hover{
    color:#243044 !important;
}
.fpp-share-toggle-form{
    border-top:1px solid #e8ecf2;
    padding-top:16px !important;
}
.fpp-privacy-editor{
    display:block !important;
    padding:0 !important;
    margin-top:20px !important;
    border:1px solid var(--fpp-accent-border) !important;
    background:#fff !important;
    overflow:hidden;
}
.fpp-privacy-title{
    padding:15px 17px;
    background:linear-gradient(90deg,var(--fpp-accent-soft),#fff);
    border-bottom:1px solid var(--fpp-accent-border);
}
.fpp-privacy-title strong{
    font-size:14px;
}
.fpp-privacy-title span{
    display:block;
    margin-top:3px;
    color:#6b7688;
    font-size:12px;
}
.fpp-privacy-form{
    padding:16px !important;
}
.fpp-privacy-options{
    display:grid;
    gap:9px;
}
.fpp-privacy-option{
    display:grid !important;
    grid-template-columns:auto 1fr;
    gap:10px;
    align-items:start;
    padding:10px 11px;
    margin:0 !important;
    border:1px solid #e3e8ef;
    border-radius:9px;
    cursor:pointer;
    background:#fff;
}
.fpp-privacy-option:has(input:checked){
    border-color:var(--fpp-accent);
    background:var(--fpp-accent-soft);
}
.fpp-privacy-option input{
    margin:3px 0 0 !important;
    accent-color:var(--fpp-accent);
}
.fpp-privacy-option span{
    margin:0 !important;
}
.fpp-privacy-option strong{
    display:block;
    font-size:13px;
    color:#202939;
}
.fpp-privacy-option small{
    display:block;
    margin-top:2px;
    color:#718096;
    font-size:11px;
    line-height:1.4;
}
.fpp-selected-access{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:16px;
    margin:16px 0;
    padding:14px;
    border:1px solid #e2e7ee;
    border-radius:10px;
    background:#f9fbfd;
}
.fpp-selected-access[hidden]{
    display:none !important;
}
.fpp-access-column h4{
    margin:0 0 9px;
    font-size:13px;
}
.fpp-access-list{
    display:grid;
    gap:7px;
    max-height:180px;
    overflow:auto;
}
.fpp-access-list label{
    display:flex !important;
    align-items:center;
    gap:8px;
    margin:0 !important;
    padding:7px 8px;
    background:#fff;
    border:1px solid #e5e9ef;
    border-radius:8px;
    font-size:12px !important;
}
.fpp-access-list img{
    border-radius:50%;
}
.fpp-access-list input{
    margin:0 !important;
    accent-color:var(--fpp-accent);
}
@media(max-width:840px){
    .fpp-share-main-grid{grid-template-columns:1fr !important}
    .fpp-share-right{
        border-left:0 !important;
        border-top:1px solid #e7ebf1;
        padding:26px 0 0 !important;
    }
}
@media(max-width:620px){
    .fpp-unified-share{padding:20px !important}
    .fpp-share-tabs{
        margin-left:-20px;
        margin-right:-20px;
        padding-left:20px;
        padding-right:20px;
    }
    .fpp-share-url-row{grid-template-columns:1fr !important}
    .fpp-qr-actions-grid{grid-template-columns:1fr !important}
    .fpp-selected-access{grid-template-columns:1fr}
}


/* ===== v0.6 polished sharing controls + editable record cards ===== */
.fpp-share-collapse,
.fpp-section-collapse{
    appearance:none !important;
    -webkit-appearance:none !important;
    width:40px !important;
    height:40px !important;
    min-width:40px !important;
    padding:0 !important;
    margin:0 !important;
    border:1px solid #dde4ed !important;
    border-radius:999px !important;
    background:#fff !important;
    color:#273244 !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    box-shadow:0 4px 12px rgba(35,48,70,.06) !important;
    cursor:pointer !important;
}
.fpp-share-collapse svg,
.fpp-section-collapse svg{
    width:18px !important;
    height:18px !important;
    fill:none !important;
    stroke:currentColor !important;
    stroke-width:2 !important;
    stroke-linecap:round !important;
    stroke-linejoin:round !important;
    transition:transform .18s ease;
}
.fpp-share-collapse.is-collapsed svg,
.fpp-record-section.is-collapsed .fpp-section-collapse svg{
    transform:rotate(180deg);
}
.fpp-share-collapse:hover,
.fpp-section-collapse:hover{
    border-color:var(--fpp-accent) !important;
    color:var(--fpp-accent) !important;
    background:var(--fpp-accent-soft) !important;
}

.fpp-qr-action-list{
    gap:10px !important;
}
.fpp-qr-action{
    appearance:none !important;
    -webkit-appearance:none !important;
    display:grid !important;
    grid-template-columns:38px minmax(0,1fr) !important;
    align-items:center !important;
    gap:12px !important;
    width:100% !important;
    min-height:62px !important;
    padding:11px 13px !important;
    margin:0 !important;
    border:1px solid #dfe5ed !important;
    border-radius:10px !important;
    background:#fff !important;
    color:#202a3a !important;
    text-align:left !important;
    text-decoration:none !important;
    box-shadow:none !important;
    font:inherit !important;
}
.fpp-qr-action:hover{
    border-color:var(--fpp-accent) !important;
    background:var(--fpp-accent-soft) !important;
    color:#202a3a !important;
}
.fpp-qr-action-icon{
    width:36px !important;
    height:36px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:9px !important;
    background:#f7f9fc !important;
    color:#243044 !important;
}
.fpp-qr-action-icon svg{
    width:20px !important;
    height:20px !important;
    fill:none !important;
    stroke:currentColor !important;
    stroke-width:1.8 !important;
    stroke-linecap:round !important;
    stroke-linejoin:round !important;
}
.fpp-qr-action-copy{
    display:block !important;
    min-width:0 !important;
}
.fpp-qr-action-copy strong{
    display:block !important;
    color:#1f2937 !important;
    font-size:13px !important;
    line-height:1.25 !important;
    font-weight:700 !important;
}
.fpp-qr-action-copy small{
    display:block !important;
    margin-top:3px !important;
    color:#7a8596 !important;
    font-size:11px !important;
    line-height:1.3 !important;
}

.fpp-record-section{
    padding:0 !important;
    overflow:hidden;
}
.fpp-record-heading{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    padding:22px 24px;
    border-bottom:1px solid #e8ecf2;
}
.fpp-record-title{
    display:flex;
    align-items:flex-start;
    gap:15px;
    min-width:0;
}
.fpp-record-title h2{
    margin:0 0 4px !important;
    font-size:22px !important;
    line-height:1.2 !important;
}
.fpp-record-title p{
    margin:0 !important;
    color:#6f7b8e !important;
    font-size:13px !important;
}
.fpp-record-heading-actions{
    display:flex;
    align-items:center;
    gap:12px;
    flex:0 0 auto;
}
.fpp-add-record-button{
    appearance:none !important;
    -webkit-appearance:none !important;
    display:inline-flex !important;
    align-items:center !important;
    gap:8px !important;
    height:40px !important;
    padding:0 15px !important;
    border:1px solid var(--fpp-accent) !important;
    border-radius:8px !important;
    background:#fff !important;
    color:var(--fpp-accent) !important;
    font-weight:700 !important;
    cursor:pointer !important;
    box-shadow:none !important;
}
.fpp-add-record-button:hover{
    background:var(--fpp-accent-soft) !important;
}
.fpp-add-record-button span{
    font-size:20px !important;
    line-height:1 !important;
}
.fpp-record-section-body{
    padding:18px 24px 24px;
}
.fpp-record-list{
    display:grid;
    gap:12px;
}
.fpp-record-card{
    position:relative;
    display:grid;
    grid-template-columns:46px minmax(180px,1.15fr) minmax(260px,1fr) auto;
    align-items:center;
    gap:18px;
    min-height:76px;
    padding:14px 16px 14px 8px;
    border:1px solid #e2e7ee;
    border-radius:10px;
    background:#fff;
}
.fpp-record-marker{
    width:38px;
    height:38px;
    margin-left:-28px;
    border:1px solid #dce3ec;
    border-radius:50%;
    background:#fff;
    color:#263144;
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow:0 2px 8px rgba(30,43,65,.06);
}
.fpp-record-marker svg,
.fpp-record-meta svg,
.fpp-record-action svg{
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
}
.fpp-record-marker svg{
    width:18px;
    height:18px;
}
.fpp-record-primary{
    min-width:0;
}
.fpp-record-primary strong{
    display:block;
    color:#202939;
    font-size:15px;
    line-height:1.3;
}
.fpp-record-subtitle{
    display:block;
    margin-top:3px;
    color:#667389;
    font-size:12px;
    font-weight:600;
}
.fpp-record-minor{
    display:block;
    margin-top:2px;
    color:#8a94a5;
    font-size:11px;
}
.fpp-record-description{
    margin:8px 0 0 !important;
    color:#637086 !important;
    font-size:12px !important;
    line-height:1.5 !important;
    white-space:pre-line;
}
.fpp-record-meta{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:18px;
    flex-wrap:wrap;
    color:#5d697d;
    font-size:12px;
}
.fpp-record-meta span{
    display:inline-flex;
    align-items:center;
    gap:6px;
}
.fpp-record-meta svg{
    width:16px;
    height:16px;
    color:var(--fpp-accent);
}
.fpp-record-actions{
    display:flex;
    align-items:center;
    gap:8px;
}
.fpp-record-action{
    display:inline-flex;
    align-items:center;
    gap:6px;
    height:36px;
    padding:0 12px;
    border:1px solid #dde4ec;
    border-radius:8px;
    background:#fff;
    color:#303b4d;
    text-decoration:none;
    font-size:12px;
    font-weight:700;
}
.fpp-record-action svg{
    width:15px;
    height:15px;
}
.fpp-record-edit:hover{
    border-color:var(--fpp-accent);
    color:var(--fpp-accent);
    background:var(--fpp-accent-soft);
}
.fpp-record-delete{
    color:#d74444;
}
.fpp-record-delete:hover{
    border-color:#efb6b6;
    background:#fff5f5;
    color:#c92f2f;
}
.fpp-empty-record{
    padding:18px;
    border:1px dashed #d9e0e8;
    border-radius:10px;
    color:#7a8597;
    text-align:center;
}
.fpp-record-form{
    margin-top:18px;
    padding:20px !important;
    border:1px solid #dfe5ed;
    border-radius:12px;
    background:#fafbfd;
}
.fpp-record-form[hidden]{
    display:none !important;
}
.fpp-record-form-heading{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:16px;
    margin-bottom:18px;
}
.fpp-record-form-heading h3{
    margin:0 !important;
    font-size:17px !important;
}
.fpp-record-form-heading a{
    color:#6d7889;
    font-size:12px;
    font-weight:700;
    text-decoration:none;
}
.fpp-record-form-heading a:hover{
    color:var(--fpp-accent);
}
@media(max-width:980px){
    .fpp-record-card{
        grid-template-columns:40px minmax(0,1fr) auto;
    }
    .fpp-record-meta{
        grid-column:2/4;
    }
}
@media(max-width:700px){
    .fpp-record-heading{
        align-items:flex-start;
        padding:18px;
    }
    .fpp-record-heading-actions{
        gap:8px;
    }
    .fpp-add-record-button{
        width:40px !important;
        padding:0 !important;
        justify-content:center !important;
        font-size:0 !important;
    }
    .fpp-add-record-button span{
        font-size:20px !important;
    }
    .fpp-record-section-body{
        padding:14px 18px 20px;
    }
    .fpp-record-card{
        grid-template-columns:1fr;
        gap:10px;
        padding:15px;
    }
    .fpp-record-marker{
        display:none;
    }
    .fpp-record-meta{
        grid-column:auto;
    }
    .fpp-record-actions{
        justify-content:flex-start;
    }
}


/* ===== v0.7 alignment, ATS-style records, QR control cleanup ===== */

/* Keep the entire professional editor aligned to the same inner content width. */
.fpp-editor{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:20px 24px 40px !important;
    box-sizing:border-box !important;
}
.fpp-editor > .fpp-form-card,
.fpp-editor > .fpp-notice,
.fpp-editor > h2,
.fpp-editor > form{
    width:100% !important;
    max-width:100% !important;
    box-sizing:border-box !important;
}
.fpp-form-card{
    width:100% !important;
    max-width:100% !important;
    box-sizing:border-box !important;
}

/* Experience/Education header */
.fpp-record-heading{
    padding:18px 22px !important;
}
.fpp-record-heading-actions{
    margin-left:auto !important;
}
.fpp-record-heading-actions .fpp-add-record-button{
    min-width:auto !important;
}

/* The old empty round control beside Add Experience/Education is gone. */
.fpp-section-collapse{
    display:none !important;
}

/* ATS-friendly resume-style entries. */
.fpp-record-section-body{
    padding:16px 22px 22px !important;
}
.fpp-record-list{
    gap:10px !important;
}
.fpp-record-card-resume{
    display:block !important;
    width:100% !important;
    min-height:0 !important;
    padding:16px 18px !important;
    border:1px solid #e1e6ed !important;
    border-radius:8px !important;
    background:#fff !important;
}
.fpp-record-main{
    width:100% !important;
    min-width:0 !important;
}
.fpp-record-topline{
    display:flex !important;
    align-items:flex-start !important;
    justify-content:space-between !important;
    gap:18px !important;
}
.fpp-record-title-text{
    display:block !important;
    color:#1e293b !important;
    font-size:15px !important;
    font-weight:700 !important;
    line-height:1.3 !important;
}
.fpp-record-company{
    display:block !important;
    margin-top:3px !important;
    color:#58667a !important;
    font-size:12px !important;
    font-weight:600 !important;
}
.fpp-record-minor{
    margin-top:3px !important;
    color:#7b8797 !important;
    font-size:11px !important;
}
.fpp-record-meta-inline{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:14px !important;
    flex-wrap:wrap !important;
    margin-top:8px !important;
    color:#617086 !important;
    font-size:11px !important;
}
.fpp-record-meta-inline span{
    display:inline-flex !important;
    align-items:center !important;
    gap:5px !important;
}
.fpp-record-meta-inline svg{
    width:14px !important;
    height:14px !important;
    color:var(--fpp-accent) !important;
}
.fpp-record-description{
    margin-top:12px !important;
    max-width:760px !important;
    color:#59677b !important;
    font-size:12px !important;
    line-height:1.55 !important;
}
.fpp-record-description p{
    margin:0 0 8px !important;
}
.fpp-record-description p:last-child{
    margin-bottom:0 !important;
}
.fpp-record-actions{
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
    flex:0 0 auto !important;
}
.fpp-record-action{
    height:34px !important;
    padding:0 10px !important;
    border-radius:7px !important;
    font-size:11px !important;
}

/* QR section: compact, professional controls, no giant accent pills. */
.fpp-share-right{
    min-width:0 !important;
}
.fpp-qr-actions-grid{
    display:grid !important;
    grid-template-columns:minmax(170px,220px) minmax(180px,1fr) !important;
    gap:14px !important;
    align-items:start !important;
}
.fpp-qr-panel{
    padding:12px !important;
    border-radius:8px !important;
    box-shadow:none !important;
}
.fpp-qr-image{
    max-width:190px !important;
}
.fpp-qr-action-list{
    display:grid !important;
    gap:9px !important;
}
.fpp-qr-action{
    display:grid !important;
    grid-template-columns:32px minmax(0,1fr) !important;
    align-items:center !important;
    gap:10px !important;
    min-height:56px !important;
    padding:10px 12px !important;
    border:1px solid #dbe2eb !important;
    border-radius:8px !important;
    background:#fff !important;
    color:#1f2937 !important;
    box-shadow:none !important;
}
.fpp-qr-action:hover{
    background:var(--fpp-accent-soft) !important;
    border-color:var(--fpp-accent) !important;
}
.fpp-qr-action-icon{
    width:30px !important;
    height:30px !important;
    border-radius:7px !important;
    background:#f5f7fa !important;
    color:#344054 !important;
}
.fpp-qr-action-icon svg{
    width:17px !important;
    height:17px !important;
}
.fpp-qr-action-copy strong{
    font-size:12px !important;
    color:#1f2937 !important;
}
.fpp-qr-action-copy small{
    margin-top:2px !important;
    font-size:10px !important;
    color:#7b8796 !important;
}

/* Normalize accidental theme button styling. */
.fpp-qr-action,
button.fpp-qr-action,
a.fpp-qr-action{
    border-radius:8px !important;
    background:#fff !important;
    color:#1f2937 !important;
    text-transform:none !important;
    letter-spacing:normal !important;
    line-height:1.3 !important;
}
button.fpp-qr-action:hover,
a.fpp-qr-action:hover{
    background:var(--fpp-accent-soft) !important;
}

/* Better sharing proportions */
.fpp-share-main-grid{
    grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr) !important;
}
.fpp-share-left{
    padding-right:6px !important;
}
.fpp-share-right{
    padding-left:28px !important;
}

/* Responsive */
@media(max-width:980px){
    .fpp-editor{
        padding:16px !important;
    }
    .fpp-share-main-grid{
        grid-template-columns:1fr !important;
    }
    .fpp-share-right{
        padding-left:0 !important;
    }
}
@media(max-width:720px){
    .fpp-record-topline{
        flex-direction:column !important;
    }
    .fpp-record-actions{
        width:100% !important;
    }
    .fpp-record-action{
        flex:1 1 auto !important;
        justify-content:center !important;
    }
    .fpp-qr-actions-grid{
        grid-template-columns:1fr !important;
    }
    .fpp-qr-panel{
        max-width:230px !important;
    }
}


/* ===== v0.7.1 compact QR row + collapsible privacy ===== */

/* Experience: avoid a redundant third line when Employment type == Job title. */
.fpp-record-minor:empty{
    display:none !important;
}

/* QR action area: all controls fit in one row under / beside QR cleanly. */
.fpp-qr-actions-grid{
    display:grid !important;
    grid-template-columns:minmax(160px,190px) minmax(0,1fr) !important;
    gap:12px !important;
    align-items:start !important;
}
.fpp-qr-action-list{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:8px !important;
    align-items:stretch !important;
}
.fpp-qr-action,
button.fpp-qr-action,
a.fpp-qr-action{
    min-width:0 !important;
    min-height:54px !important;
    height:auto !important;
    padding:9px 10px !important;
    grid-template-columns:26px minmax(0,1fr) !important;
    gap:8px !important;
    border-radius:8px !important;
    white-space:normal !important;
}
.fpp-qr-action-icon{
    width:26px !important;
    height:26px !important;
    border-radius:6px !important;
}
.fpp-qr-action-icon svg{
    width:15px !important;
    height:15px !important;
}
.fpp-qr-action-copy strong{
    font-size:11px !important;
    line-height:1.2 !important;
}
.fpp-qr-action-copy small{
    font-size:9px !important;
    line-height:1.2 !important;
}

/* Put action cards in a single row on wider screens. */
@media(min-width:1080px){
    .fpp-qr-actions-grid{
        grid-template-columns:170px minmax(0,1fr) !important;
    }
}

/* Privacy control collapsed by default to remove dead vertical space. */
.fpp-privacy-editor{
    display:block !important;
    padding:0 !important;
    overflow:hidden !important;
    background:#fff !important;
}
.fpp-privacy-toggle{
    appearance:none !important;
    -webkit-appearance:none !important;
    width:100% !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:16px !important;
    padding:14px 16px !important;
    margin:0 !important;
    border:0 !important;
    background:linear-gradient(90deg,var(--fpp-accent-soft),#fff) !important;
    color:#202939 !important;
    cursor:pointer !important;
    text-align:left !important;
    box-shadow:none !important;
    border-radius:0 !important;
}
.fpp-privacy-toggle > span{
    min-width:0 !important;
}
.fpp-privacy-toggle strong{
    display:block !important;
    font-size:14px !important;
    line-height:1.3 !important;
}
.fpp-privacy-toggle small{
    display:block !important;
    margin-top:3px !important;
    color:#6c788b !important;
    font-size:11px !important;
    line-height:1.35 !important;
}
.fpp-privacy-toggle svg{
    width:18px !important;
    height:18px !important;
    flex:0 0 18px !important;
    fill:none !important;
    stroke:currentColor !important;
    stroke-width:2 !important;
    stroke-linecap:round !important;
    stroke-linejoin:round !important;
    transition:transform .18s ease;
}
.fpp-privacy-editor:not(.is-collapsed) .fpp-privacy-toggle svg{
    transform:rotate(180deg);
}
.fpp-privacy-content{
    border-top:1px solid var(--fpp-accent-border) !important;
}
.fpp-privacy-content[hidden]{
    display:none !important;
}
.fpp-privacy-form{
    padding:14px !important;
}
.fpp-privacy-options{
    gap:7px !important;
}
.fpp-privacy-option{
    padding:9px 10px !important;
}
.fpp-privacy-option strong{
    font-size:12px !important;
}
.fpp-privacy-option small{
    font-size:10px !important;
}
.fpp-privacy-form > .fpp-button{
    margin-top:10px !important;
}

/* Keep the two-column share layout visually balanced now that privacy is collapsed. */
.fpp-share-main-grid{
    align-items:start !important;
}
.fpp-share-email{
    margin-bottom:0 !important;
}

@media(max-width:1180px){
    .fpp-qr-action-list{
        grid-template-columns:1fr !important;
    }
}
@media(max-width:760px){
    .fpp-qr-actions-grid{
        grid-template-columns:1fr !important;
    }
    .fpp-qr-action-list{
        grid-template-columns:1fr !important;
    }
}


/* ===== v0.8 exact sharing-panel polish ===== */

/* Sharing card shell */
.fpp-unified-share{
    position:relative !important;
    padding:28px !important;
    border-radius:16px !important;
    background:#fff !important;
    border:1px solid #e4e9f0 !important;
    box-shadow:0 8px 24px rgba(22,34,55,.05) !important;
}
.fpp-unified-share .fpp-card-heading{
    margin-bottom:18px !important;
    padding-right:64px !important;
}
.fpp-unified-share .fpp-card-heading h2{
    font-size:24px !important;
    line-height:1.15 !important;
}
.fpp-unified-share .fpp-card-heading p{
    font-size:13px !important;
    color:#657186 !important;
}

/* Proper top-right collapse button */
.fpp-share-collapse{
    top:22px !important;
    right:22px !important;
    width:42px !important;
    height:42px !important;
    border-radius:50% !important;
    background:#fff !important;
    border:1px solid #dde4ec !important;
    box-shadow:0 4px 12px rgba(35,48,70,.06) !important;
    color:#273244 !important;
    z-index:3 !important;
}
.fpp-share-collapse:hover{
    color:var(--fpp-accent) !important;
    border-color:var(--fpp-accent) !important;
    background:var(--fpp-accent-soft) !important;
}

/* Tabs like the approved mockup */
.fpp-share-tabs{
    display:flex !important;
    gap:32px !important;
    margin:0 -28px 28px !important;
    padding:0 28px !important;
    border-bottom:1px solid #e7ebf1 !important;
}
.fpp-share-tab{
    appearance:none !important;
    -webkit-appearance:none !important;
    border:0 !important;
    border-bottom:2px solid transparent !important;
    border-radius:0 !important;
    background:transparent !important;
    color:#525f73 !important;
    box-shadow:none !important;
    padding:14px 12px 13px !important;
    margin:0 !important;
    font-size:14px !important;
    font-weight:700 !important;
    cursor:pointer !important;
}
.fpp-share-tab.is-active{
    color:var(--fpp-accent) !important;
    border-bottom-color:var(--fpp-accent) !important;
}

/* Main two-column balance */
.fpp-share-main-grid{
    display:grid !important;
    grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr) !important;
    gap:36px !important;
    align-items:start !important;
}
.fpp-share-left{
    min-width:0 !important;
    padding-right:4px !important;
}
.fpp-share-right{
    min-width:0 !important;
    padding-left:36px !important;
    border-left:1px solid #e8ecf2 !important;
}
.fpp-share-left h3,
.fpp-share-right h3{
    margin:0 0 6px !important;
    font-size:17px !important;
    line-height:1.3 !important;
}
.fpp-help{
    margin:0 0 14px !important;
    color:#6b778b !important;
    font-size:12px !important;
}

/* URL controls */
.fpp-share-url-row{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 128px !important;
    gap:0 !important;
    margin:16px 0 12px !important;
}
.fpp-share-url-row input{
    min-width:0 !important;
    height:48px !important;
    border:1px solid #d8dfe8 !important;
    border-right:0 !important;
    border-radius:9px 0 0 9px !important;
    background:#fff !important;
    padding:0 14px !important;
}
.fpp-share-url-row .fpp-button{
    min-width:128px !important;
    height:48px !important;
    border-radius:0 9px 9px 0 !important;
}
.fpp-share-button-row{
    gap:10px !important;
    margin:0 0 24px !important;
}

/* Email area */
.fpp-share-email{
    padding-top:22px !important;
    border-top:1px solid #e8ecf2 !important;
}
.fpp-email-grid{
    gap:10px !important;
}
.fpp-email-grid input,
.fpp-email-grid textarea{
    border-radius:9px !important;
    border:1px solid #d7dee8 !important;
    background:#fff !important;
}

/* QR image + 3 equal action cards in one row */
.fpp-qr-tools{
    display:grid !important;
    grid-template-columns:minmax(190px,220px) minmax(0,1fr) !important;
    gap:18px !important;
    align-items:start !important;
}
.fpp-qr-panel{
    width:100% !important;
    max-width:220px !important;
    padding:12px !important;
    border-radius:10px !important;
    border:1px solid #dfe5ed !important;
    background:#fff !important;
    box-shadow:none !important;
}
.fpp-qr-image{
    width:100% !important;
    max-width:196px !important;
    height:auto !important;
    margin:0 auto !important;
}
.fpp-qr-action-row{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:10px !important;
    align-items:stretch !important;
}
.fpp-qr-action,
button.fpp-qr-action,
a.fpp-qr-action{
    appearance:none !important;
    -webkit-appearance:none !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:9px !important;
    min-width:0 !important;
    min-height:168px !important;
    padding:14px 10px !important;
    margin:0 !important;
    border:1px solid #dfe5ed !important;
    border-radius:10px !important;
    background:#fff !important;
    color:#1e293b !important;
    box-shadow:none !important;
    text-align:center !important;
    text-decoration:none !important;
    line-height:1.25 !important;
}
.fpp-qr-action:hover{
    border-color:var(--fpp-accent) !important;
    background:var(--fpp-accent-soft) !important;
    color:#1e293b !important;
}
.fpp-qr-action-icon{
    width:34px !important;
    height:34px !important;
    border-radius:8px !important;
    background:transparent !important;
    color:#202939 !important;
}
.fpp-qr-action-icon svg{
    width:24px !important;
    height:24px !important;
}
.fpp-qr-action-copy{
    display:block !important;
}
.fpp-qr-action-copy strong{
    display:block !important;
    font-size:12px !important;
    line-height:1.25 !important;
    color:#202939 !important;
}
.fpp-qr-action-copy small{
    display:block !important;
    margin-top:5px !important;
    color:#778396 !important;
    font-size:10px !important;
    line-height:1.25 !important;
}

/* sharing toggle */
.fpp-share-toggle-form{
    margin-top:18px !important;
    padding-top:0 !important;
    border-top:0 !important;
}
.fpp-share-toggle-form .fpp-check{
    margin:0 0 12px !important;
}
.fpp-share-toggle-form .fpp-button{
    border-radius:9px !important;
}

/* Privacy: soft borderless pill/card */
.fpp-privacy-editor{
    margin-top:22px !important;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    overflow:visible !important;
}
.fpp-privacy-toggle{
    width:100% !important;
    display:grid !important;
    grid-template-columns:42px minmax(0,1fr) 22px !important;
    align-items:center !important;
    gap:12px !important;
    padding:16px 18px !important;
    margin:0 !important;
    border:0 !important;
    border-radius:16px !important;
    background:#f7f8fa !important;
    color:#202939 !important;
    box-shadow:none !important;
    text-align:left !important;
}
.fpp-privacy-toggle:hover{
    background:#f2f4f7 !important;
}
.fpp-privacy-icon{
    width:42px !important;
    height:42px !important;
    border-radius:12px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    background:#fff !important;
    color:#293548 !important;
}
.fpp-privacy-icon svg{
    width:24px !important;
    height:24px !important;
    fill:none !important;
    stroke:currentColor !important;
    stroke-width:1.8 !important;
    stroke-linecap:round !important;
    stroke-linejoin:round !important;
}
.fpp-privacy-toggle-copy{
    display:block !important;
    min-width:0 !important;
}
.fpp-privacy-toggle-copy strong{
    display:block !important;
    font-size:14px !important;
    line-height:1.3 !important;
}
.fpp-privacy-toggle-copy small{
    display:block !important;
    margin-top:3px !important;
    color:#6d788a !important;
    font-size:11px !important;
    line-height:1.35 !important;
}
.fpp-privacy-chevron{
    width:22px !important;
    height:22px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
}
.fpp-privacy-chevron svg{
    width:18px !important;
    height:18px !important;
    fill:none !important;
    stroke:currentColor !important;
    stroke-width:2 !important;
    stroke-linecap:round !important;
    stroke-linejoin:round !important;
    transition:transform .18s ease;
}
.fpp-privacy-editor:not(.is-collapsed) .fpp-privacy-chevron svg{
    transform:rotate(180deg) !important;
}
.fpp-privacy-content{
    margin-top:10px !important;
    border:0 !important;
    border-radius:14px !important;
    background:#fafbfc !important;
}
.fpp-privacy-form{
    padding:14px !important;
}
.fpp-privacy-options{
    gap:8px !important;
}
.fpp-privacy-option{
    border:1px solid #e3e7ee !important;
    border-radius:10px !important;
    background:#fff !important;
}
.fpp-privacy-option:has(input:checked){
    border-color:var(--fpp-accent) !important;
    background:var(--fpp-accent-soft) !important;
}

/* responsive */
@media(max-width:1100px){
    .fpp-share-main-grid{
        grid-template-columns:1fr !important;
    }
    .fpp-share-right{
        border-left:0 !important;
        border-top:1px solid #e8ecf2 !important;
        padding:28px 0 0 !important;
    }
}
@media(max-width:820px){
    .fpp-qr-tools{
        grid-template-columns:1fr !important;
    }
    .fpp-qr-action-row{
        grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    }
}
@media(max-width:620px){
    .fpp-unified-share{
        padding:20px !important;
    }
    .fpp-share-tabs{
        margin:0 -20px 22px !important;
        padding:0 20px !important;
        gap:10px !important;
        overflow:auto !important;
    }
    .fpp-share-url-row{
        grid-template-columns:1fr !important;
        gap:8px !important;
    }
    .fpp-share-url-row input,
    .fpp-share-url-row .fpp-button{
        border:1px solid #d8dfe8 !important;
        border-radius:9px !important;
    }
    .fpp-share-url-row .fpp-button{
        width:100% !important;
    }
    .fpp-qr-action-row{
        grid-template-columns:1fr !important;
    }
    .fpp-qr-action,
    button.fpp-qr-action,
    a.fpp-qr-action{
        min-height:78px !important;
        flex-direction:row !important;
        text-align:left !important;
        justify-content:flex-start !important;
    }
}


/* ===== v0.8.1 FINAL THEME-PROOF SHARING UI =====
   These selectors intentionally avoid <button> for the controls Divi was overriding. */

.fpp-editor .fpp-unified-share{
    position:relative !important;
    width:100% !important;
    max-width:100% !important;
    box-sizing:border-box !important;
    padding:28px 28px 30px !important;
    border:1px solid #e4e9f0 !important;
    border-radius:16px !important;
    background:#fff !important;
    box-shadow:0 8px 24px rgba(22,34,55,.05) !important;
    overflow:hidden !important;
}

/* header */
.fpp-editor .fpp-unified-share > .fpp-card-heading{
    display:flex !important;
    align-items:flex-start !important;
    gap:18px !important;
    padding:0 68px 0 0 !important;
    margin:0 0 20px !important;
}
.fpp-editor .fpp-unified-share .fpp-card-heading h2{
    margin:0 0 8px !important;
    font-size:26px !important;
    line-height:1.15 !important;
    color:#172033 !important;
}
.fpp-editor .fpp-unified-share .fpp-card-heading p{
    margin:0 !important;
    font-size:13px !important;
    line-height:1.5 !important;
    color:#657186 !important;
}

/* collapse: top-right, never theme-styled */
.fpp-editor .fpp-unified-share > .fpp-share-collapse{
    position:absolute !important;
    top:24px !important;
    right:24px !important;
    left:auto !important;
    bottom:auto !important;
    width:44px !important;
    height:44px !important;
    min-width:44px !important;
    min-height:44px !important;
    padding:0 !important;
    margin:0 !important;
    border:1px solid #dde4ec !important;
    border-radius:999px !important;
    background:#fff !important;
    color:#273244 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    box-shadow:0 4px 12px rgba(35,48,70,.06) !important;
    cursor:pointer !important;
    z-index:10 !important;
}
.fpp-editor .fpp-unified-share > .fpp-share-collapse:hover{
    color:var(--fpp-accent) !important;
    border-color:var(--fpp-accent) !important;
    background:var(--fpp-accent-soft) !important;
}
.fpp-editor .fpp-unified-share > .fpp-share-collapse svg{
    width:18px !important;
    height:18px !important;
    fill:none !important;
    stroke:currentColor !important;
    stroke-width:2 !important;
    stroke-linecap:round !important;
    stroke-linejoin:round !important;
}
.fpp-editor .fpp-unified-share > .fpp-share-collapse.is-collapsed svg{
    transform:rotate(180deg) !important;
}

/* Tabs exactly like approved mockup */
.fpp-editor .fpp-unified-share .fpp-share-tabs{
    display:flex !important;
    align-items:flex-end !important;
    gap:38px !important;
    width:auto !important;
    margin:0 -28px 30px !important;
    padding:0 28px !important;
    border-bottom:1px solid #e6ebf1 !important;
    overflow:visible !important;
}
.fpp-editor .fpp-unified-share .fpp-share-tab{
    all:unset !important;
    box-sizing:border-box !important;
    display:block !important;
    padding:14px 12px 14px !important;
    margin:0 !important;
    border-bottom:2px solid transparent !important;
    color:#465267 !important;
    font-family:inherit !important;
    font-size:14px !important;
    font-weight:700 !important;
    line-height:1.3 !important;
    cursor:pointer !important;
    white-space:nowrap !important;
}
.fpp-editor .fpp-unified-share .fpp-share-tab.is-active{
    color:var(--fpp-accent) !important;
    border-bottom-color:var(--fpp-accent) !important;
}

/* Main layout */
.fpp-editor .fpp-unified-share .fpp-share-main-grid{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
    gap:38px !important;
    align-items:start !important;
}
.fpp-editor .fpp-unified-share .fpp-share-left{
    min-width:0 !important;
    padding:0 !important;
}
.fpp-editor .fpp-unified-share .fpp-share-right{
    min-width:0 !important;
    padding:0 0 0 38px !important;
    border-left:1px solid #e7ebf1 !important;
}

/* Left side */
.fpp-editor .fpp-unified-share .fpp-share-left h3,
.fpp-editor .fpp-unified-share .fpp-share-right h3{
    margin:0 0 8px !important;
    color:#172033 !important;
    font-size:17px !important;
    line-height:1.3 !important;
}
.fpp-editor .fpp-unified-share .fpp-help{
    margin:0 0 16px !important;
    color:#6d788a !important;
    font-size:12px !important;
    line-height:1.5 !important;
}
.fpp-editor .fpp-unified-share .fpp-share-url-row{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 130px !important;
    gap:0 !important;
    margin:16px 0 14px !important;
}
.fpp-editor .fpp-unified-share .fpp-share-url-row input{
    width:100% !important;
    height:48px !important;
    min-width:0 !important;
    padding:0 14px !important;
    border:1px solid #d8dfe8 !important;
    border-right:0 !important;
    border-radius:9px 0 0 9px !important;
    background:#fff !important;
}
.fpp-editor .fpp-unified-share .fpp-share-url-row .fpp-button{
    width:130px !important;
    min-width:130px !important;
    height:48px !important;
    padding:0 14px !important;
    border-radius:0 9px 9px 0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
}
.fpp-editor .fpp-unified-share .fpp-share-button-row{
    display:flex !important;
    gap:10px !important;
    flex-wrap:wrap !important;
    margin:0 0 26px !important;
}
.fpp-editor .fpp-unified-share .fpp-share-email{
    padding-top:24px !important;
    border-top:1px solid #e8ecf2 !important;
}
.fpp-editor .fpp-unified-share .fpp-email-grid{
    display:grid !important;
    gap:10px !important;
    margin:14px 0 12px !important;
}
.fpp-editor .fpp-unified-share .fpp-email-grid input,
.fpp-editor .fpp-unified-share .fpp-email-grid textarea{
    width:100% !important;
    box-sizing:border-box !important;
    border:1px solid #d8dfe8 !important;
    border-radius:9px !important;
    background:#fff !important;
    padding:12px 14px !important;
    color:#1f2937 !important;
}
.fpp-editor .fpp-unified-share .fpp-email-grid textarea{
    min-height:135px !important;
    resize:vertical !important;
}

/* Right QR area */
.fpp-editor .fpp-unified-share .fpp-qr-tools{
    display:grid !important;
    grid-template-columns:200px minmax(0,1fr) !important;
    gap:18px !important;
    align-items:stretch !important;
}
.fpp-editor .fpp-unified-share .fpp-qr-panel{
    width:200px !important;
    max-width:200px !important;
    box-sizing:border-box !important;
    padding:12px !important;
    border:1px solid #dfe5ed !important;
    border-radius:10px !important;
    background:#fff !important;
    box-shadow:none !important;
}
.fpp-editor .fpp-unified-share .fpp-qr-image{
    display:block !important;
    width:174px !important;
    height:174px !important;
    max-width:174px !important;
    margin:0 auto !important;
    object-fit:contain !important;
}
.fpp-editor .fpp-unified-share .fpp-qr-action-row{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:10px !important;
    min-width:0 !important;
}
.fpp-editor .fpp-unified-share .fpp-qr-action{
    all:unset !important;
    box-sizing:border-box !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:10px !important;
    width:100% !important;
    min-width:0 !important;
    min-height:198px !important;
    padding:14px 10px !important;
    border:1px solid #dfe5ed !important;
    border-radius:10px !important;
    background:#fff !important;
    color:#1f2937 !important;
    text-align:center !important;
    cursor:pointer !important;
}
.fpp-editor .fpp-unified-share .fpp-qr-action:hover{
    border-color:var(--fpp-accent) !important;
    background:var(--fpp-accent-soft) !important;
}
.fpp-editor .fpp-unified-share .fpp-qr-action-icon{
    width:38px !important;
    height:38px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:8px !important;
    background:transparent !important;
    color:#202939 !important;
}
.fpp-editor .fpp-unified-share .fpp-qr-action-icon svg{
    width:26px !important;
    height:26px !important;
    fill:none !important;
    stroke:currentColor !important;
    stroke-width:1.8 !important;
    stroke-linecap:round !important;
    stroke-linejoin:round !important;
}
.fpp-editor .fpp-unified-share .fpp-qr-action-copy strong{
    display:block !important;
    margin:0 !important;
    color:#1f2937 !important;
    font-size:12px !important;
    line-height:1.3 !important;
    font-weight:700 !important;
}
.fpp-editor .fpp-unified-share .fpp-qr-action-copy small{
    display:block !important;
    margin-top:5px !important;
    color:#788497 !important;
    font-size:10px !important;
    line-height:1.3 !important;
}

/* Sharing enable + Save */
.fpp-editor .fpp-unified-share .fpp-share-toggle-form{
    margin:20px 0 0 !important;
    padding:0 !important;
    border:0 !important;
}
.fpp-editor .fpp-unified-share .fpp-share-toggle-form .fpp-check{
    margin:0 0 14px !important;
}

/* Privacy: exact soft gray mockup look, borderless */
.fpp-editor .fpp-unified-share .fpp-privacy-editor{
    width:100% !important;
    margin:24px 0 0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:16px !important;
    background:transparent !important;
    box-shadow:none !important;
    overflow:visible !important;
}
.fpp-editor .fpp-unified-share .fpp-privacy-toggle{
    all:unset !important;
    box-sizing:border-box !important;
    width:100% !important;
    display:grid !important;
    grid-template-columns:44px minmax(0,1fr) 24px !important;
    align-items:center !important;
    gap:14px !important;
    padding:16px 18px !important;
    border:0 !important;
    border-radius:16px !important;
    background:#f7f8fa !important;
    color:#202939 !important;
    cursor:pointer !important;
}
.fpp-editor .fpp-unified-share .fpp-privacy-toggle:hover{
    background:#f2f4f7 !important;
}
.fpp-editor .fpp-unified-share .fpp-privacy-icon{
    width:44px !important;
    height:44px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:12px !important;
    background:#fff !important;
    color:#283548 !important;
}
.fpp-editor .fpp-unified-share .fpp-privacy-icon svg{
    width:25px !important;
    height:25px !important;
    fill:none !important;
    stroke:currentColor !important;
    stroke-width:1.8 !important;
    stroke-linecap:round !important;
    stroke-linejoin:round !important;
}
.fpp-editor .fpp-unified-share .fpp-privacy-toggle-copy{
    display:block !important;
    min-width:0 !important;
}
.fpp-editor .fpp-unified-share .fpp-privacy-toggle-copy strong{
    display:block !important;
    margin:0 !important;
    color:#202939 !important;
    font-size:14px !important;
    line-height:1.3 !important;
    font-weight:700 !important;
}
.fpp-editor .fpp-unified-share .fpp-privacy-toggle-copy small{
    display:block !important;
    margin-top:4px !important;
    color:#6d788a !important;
    font-size:11px !important;
    line-height:1.4 !important;
}
.fpp-editor .fpp-unified-share .fpp-privacy-chevron{
    width:24px !important;
    height:24px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
}
.fpp-editor .fpp-unified-share .fpp-privacy-chevron svg{
    width:18px !important;
    height:18px !important;
    fill:none !important;
    stroke:currentColor !important;
    stroke-width:2 !important;
    stroke-linecap:round !important;
    stroke-linejoin:round !important;
    transition:transform .18s ease !important;
}
.fpp-editor .fpp-unified-share .fpp-privacy-editor:not(.is-collapsed) .fpp-privacy-chevron svg{
    transform:rotate(180deg) !important;
}
.fpp-editor .fpp-unified-share .fpp-privacy-content{
    margin:10px 0 0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:14px !important;
    background:#fafbfc !important;
    box-shadow:none !important;
}
.fpp-editor .fpp-unified-share .fpp-privacy-content[hidden]{
    display:none !important;
}
.fpp-editor .fpp-unified-share .fpp-privacy-form{
    padding:14px !important;
}
.fpp-editor .fpp-unified-share .fpp-privacy-options{
    display:grid !important;
    gap:8px !important;
}
.fpp-editor .fpp-unified-share .fpp-privacy-option{
    display:grid !important;
    grid-template-columns:auto minmax(0,1fr) !important;
    gap:10px !important;
    align-items:start !important;
    padding:10px 12px !important;
    margin:0 !important;
    border:1px solid #e3e7ee !important;
    border-radius:10px !important;
    background:#fff !important;
}
.fpp-editor .fpp-unified-share .fpp-privacy-option:has(input:checked){
    border-color:var(--fpp-accent) !important;
    background:var(--fpp-accent-soft) !important;
}

/* Resume tab content */
.fpp-editor .fpp-unified-share .fpp-share-pane{
    display:none !important;
}
.fpp-editor .fpp-unified-share .fpp-share-pane.is-active{
    display:block !important;
}

/* Responsive */
@media(max-width:1180px){
    .fpp-editor .fpp-unified-share .fpp-share-main-grid{
        grid-template-columns:1fr !important;
    }
    .fpp-editor .fpp-unified-share .fpp-share-right{
        padding:30px 0 0 !important;
        border-left:0 !important;
        border-top:1px solid #e7ebf1 !important;
    }
}
@media(max-width:900px){
    .fpp-editor .fpp-unified-share .fpp-qr-tools{
        grid-template-columns:1fr !important;
    }
    .fpp-editor .fpp-unified-share .fpp-qr-panel{
        width:200px !important;
    }
    .fpp-editor .fpp-unified-share .fpp-qr-action-row{
        grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    }
}
@media(max-width:650px){
    .fpp-editor .fpp-unified-share{
        padding:20px !important;
    }
    .fpp-editor .fpp-unified-share .fpp-share-tabs{
        margin:0 -20px 24px !important;
        padding:0 20px !important;
        gap:18px !important;
        overflow:auto !important;
    }
    .fpp-editor .fpp-unified-share .fpp-share-url-row{
        grid-template-columns:1fr !important;
        gap:8px !important;
    }
    .fpp-editor .fpp-unified-share .fpp-share-url-row input,
    .fpp-editor .fpp-unified-share .fpp-share-url-row .fpp-button{
        width:100% !important;
        min-width:0 !important;
        border:1px solid #d8dfe8 !important;
        border-radius:9px !important;
    }
    .fpp-editor .fpp-unified-share .fpp-qr-action-row{
        grid-template-columns:1fr !important;
    }
    .fpp-editor .fpp-unified-share .fpp-qr-action{
        min-height:80px !important;
        flex-direction:row !important;
        justify-content:flex-start !important;
        text-align:left !important;
    }
}


/* ===== v0.8.2 bulk skill entry ===== */
.fpp-bulk-skill-form{
    padding:0 !important;
}
.fpp-skill-input-label{
    display:block !important;
    margin:0 0 7px !important;
    color:#273244 !important;
    font-size:13px !important;
    font-weight:700 !important;
}
.fpp-bulk-skill-form textarea{
    width:100% !important;
    min-height:92px !important;
    box-sizing:border-box !important;
    padding:12px 14px !important;
    border:1px solid #d7dde7 !important;
    border-radius:9px !important;
    background:#fff !important;
    color:#182235 !important;
    font:inherit !important;
    line-height:1.5 !important;
    resize:vertical !important;
}
.fpp-bulk-skill-form textarea:focus{
    outline:none !important;
    border-color:var(--fpp-accent) !important;
    box-shadow:0 0 0 3px var(--fpp-accent-soft) !important;
}
.fpp-skill-helper{
    display:flex !important;
    align-items:flex-start !important;
    gap:9px !important;
    margin-top:10px !important;
    padding:10px 12px !important;
    border-radius:9px !important;
    background:#f7f9fc !important;
    color:#637086 !important;
    font-size:11px !important;
    line-height:1.45 !important;
}
.fpp-skill-helper-icon{
    width:18px !important;
    height:18px !important;
    flex:0 0 18px !important;
    border-radius:50% !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    background:var(--fpp-accent-soft) !important;
    color:var(--fpp-accent) !important;
    font-size:11px !important;
    font-weight:800 !important;
}
.fpp-skill-entry-preview{
    margin-top:8px !important;
    color:#7a8597 !important;
    font-size:11px !important;
}
.fpp-bulk-skill-form .fpp-skill-actions{
    margin-top:18px !important;
}


/* ===== v0.8.3 reliable native Privacy Control + explicit save confirmation ===== */
.fpp-editor .fpp-notice{
    margin:0 0 18px !important;
    padding:12px 14px !important;
    border:1px solid #cfe7d5 !important;
    border-radius:10px !important;
    background:#f3fbf5 !important;
    color:#294b34 !important;
    font-size:12px !important;
}
.fpp-editor .fpp-notice strong{
    color:#1f3f2b !important;
}

.fpp-editor details.fpp-privacy-editor{
    width:100% !important;
    margin:24px 0 0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:16px !important;
    background:transparent !important;
    box-shadow:none !important;
    overflow:visible !important;
}
.fpp-editor details.fpp-privacy-editor > summary{
    list-style:none !important;
}
.fpp-editor details.fpp-privacy-editor > summary::-webkit-details-marker{
    display:none !important;
}
.fpp-editor details.fpp-privacy-editor > .fpp-privacy-toggle{
    box-sizing:border-box !important;
    width:100% !important;
    display:grid !important;
    grid-template-columns:44px minmax(0,1fr) 24px !important;
    align-items:center !important;
    gap:14px !important;
    padding:16px 18px !important;
    margin:0 !important;
    border:0 !important;
    border-radius:16px !important;
    background:#f7f8fa !important;
    color:#202939 !important;
    cursor:pointer !important;
    user-select:none !important;
}
.fpp-editor details.fpp-privacy-editor > .fpp-privacy-toggle:hover{
    background:#f2f4f7 !important;
}
.fpp-editor details.fpp-privacy-editor[open] > .fpp-privacy-toggle{
    border-radius:16px 16px 12px 12px !important;
}
.fpp-editor details.fpp-privacy-editor .fpp-privacy-chevron svg{
    transition:transform .18s ease !important;
}
.fpp-editor details.fpp-privacy-editor[open] .fpp-privacy-chevron svg{
    transform:rotate(180deg) !important;
}
.fpp-editor details.fpp-privacy-editor > .fpp-privacy-content{
    display:block !important;
    margin:10px 0 0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:14px !important;
    background:#fafbfc !important;
}


/* ===== v0.9 global save + barcode-backed Professional URL ===== */
.fpp-barcode-route-note{
    margin:0 0 9px !important;
    color:#6c788b !important;
    font-size:11px !important;
    line-height:1.4 !important;
}
.fpp-barcode-route-note strong{
    color:#273244 !important;
}
.fpp-save-all-dock{
    position:sticky !important;
    bottom:14px !important;
    z-index:50 !important;
    width:100% !important;
    box-sizing:border-box !important;
    margin:26px 0 0 !important;
    padding:14px 16px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:18px !important;
    border:1px solid #e0e6ee !important;
    border-radius:14px !important;
    background:rgba(255,255,255,.96) !important;
    box-shadow:0 10px 30px rgba(25,38,61,.12) !important;
    backdrop-filter:blur(8px) !important;
}
.fpp-save-all-copy strong{
    display:block !important;
    color:#1f2937 !important;
    font-size:13px !important;
}
.fpp-save-all-copy span{
    display:block !important;
    margin-top:2px !important;
    color:#6d7889 !important;
    font-size:11px !important;
}
#fpp-save-all{
    flex:0 0 auto !important;
    min-width:150px !important;
}
#fpp-save-all:disabled{
    opacity:.65 !important;
    cursor:wait !important;
}
@media(max-width:620px){
    .fpp-save-all-dock{
        flex-direction:column !important;
        align-items:stretch !important;
    }
    #fpp-save-all{
        width:100% !important;
    }
}


/* ===== v0.9.1 barcode ID control ===== */
.fpp-barcode-id-form{
    margin:14px 0 12px !important;
    padding:0 !important;
}
.fpp-barcode-id-field{
    display:block !important;
    margin:0 !important;
}
.fpp-barcode-id-field > span{
    display:block !important;
    margin-bottom:7px !important;
    color:#273244 !important;
    font-size:12px !important;
    font-weight:700 !important;
}
.fpp-barcode-id-row{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    gap:8px !important;
}
.fpp-barcode-id-row input{
    width:100% !important;
    min-width:0 !important;
    height:42px !important;
    box-sizing:border-box !important;
    padding:0 12px !important;
    border:1px solid #d8dfe8 !important;
    border-radius:8px !important;
    background:#fff !important;
}
.fpp-barcode-id-row .fpp-button{
    height:42px !important;
    padding:0 14px !important;
    border-radius:8px !important;
    white-space:nowrap !important;
}
.fpp-barcode-id-field small{
    display:block !important;
    margin-top:7px !important;
    color:#758094 !important;
    font-size:10px !important;
    line-height:1.45 !important;
}
.fpp-barcode-route-active{
    color:#47715a !important;
}
@media(max-width:620px){
    .fpp-barcode-id-row{
        grid-template-columns:1fr !important;
    }
    .fpp-barcode-id-row .fpp-button{
        width:100% !important;
    }
}


/* ===== v0.9.2 canonical barcode URLs ===== */
.fpp-barcode-route-active{
    margin:0 0 10px !important;
    padding:8px 10px !important;
    border-radius:8px !important;
    background:#f2f8f4 !important;
    color:#3d6d4e !important;
}


/* ===== v0.10 canonical Follo ID + single public URL ===== */
.fpp-qr-copy-row{
    margin-top:14px !important;
}
.fpp-qr-copy-row > label{
    display:block !important;
    margin:0 0 6px !important;
    color:#4d5a6f !important;
    font-size:11px !important;
    font-weight:700 !important;
}
.fpp-qr-copy-row .fpp-share-url-row{
    margin:0 !important;
}


/* ===== v0.10.1 public QR section ===== */
.fpp-public-qr-section{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 220px !important;
    gap:28px !important;
    align-items:center !important;
    margin-top:26px !important;
    padding:24px !important;
    border:1px solid #e1e7ee !important;
    border-radius:16px !important;
    background:#f8fafc !important;
}
.fpp-public-qr-copy h2{
    margin:4px 0 8px !important;
}
.fpp-public-qr-copy p{
    margin:0 0 14px !important;
    color:#677487 !important;
}
.fpp-public-qr-kicker{
    display:inline-block !important;
    color:var(--fpp-accent) !important;
    font-size:11px !important;
    font-weight:800 !important;
    letter-spacing:.05em !important;
}
.fpp-public-share-url{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    gap:8px !important;
}
.fpp-public-share-url input{
    width:100% !important;
    min-width:0 !important;
    height:42px !important;
    box-sizing:border-box !important;
    padding:0 12px !important;
    border:1px solid #d7dfe8 !important;
    border-radius:8px !important;
    background:#fff !important;
}
.fpp-public-copy-button{
    height:42px !important;
    padding:0 14px !important;
    border:0 !important;
    border-radius:8px !important;
    background:var(--fpp-accent) !important;
    color:#fff !important;
    font-weight:700 !important;
    cursor:pointer !important;
}
.fpp-public-qr-box{
    padding:12px !important;
    border:1px solid #dde4ec !important;
    border-radius:12px !important;
    background:#fff !important;
    text-align:center !important;
}
.fpp-public-qr-box img{
    display:block !important;
    width:100% !important;
    max-width:196px !important;
    height:auto !important;
    margin:0 auto !important;
}
@media(max-width:700px){
    .fpp-public-qr-section{
        grid-template-columns:1fr !important;
    }
    .fpp-public-qr-box{
        max-width:220px !important;
    }
    .fpp-public-share-url{
        grid-template-columns:1fr !important;
    }
    .fpp-public-copy-button{
        width:100% !important;
    }
}


/* ===== v0.10.2 QR alias choice ===== */
.fpp-canonical-url-note{
    margin:0 0 7px !important;
    color:#758094 !important;
    font-size:10px !important;
    line-height:1.4 !important;
}
.fpp-canonical-url-note strong{
    color:#465267 !important;
    font-weight:700 !important;
    word-break:break-all !important;
}


/* ===== v0.10.4 BuddyPress full-width alignment ===== */

/*
 * BuddyPress/Divi already provides the outer member-content gutter.
 * The Professional plugin should not add a second horizontal gutter.
 */
body .fpp-editor{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:18px 0 40px !important;
    box-sizing:border-box !important;
}

/* Every top-level Professional section follows exactly the same left/right edge. */
body .fpp-editor > .fpp-form-card,
body .fpp-editor > .fpp-notice,
body .fpp-editor > .fpp-save-all-dock{
    width:100% !important;
    max-width:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
    box-sizing:border-box !important;
}

/* Remove legacy centering constraints inherited from early plugin versions. */
body .fpp-editor .fpp-form-card,
body .fpp-editor .fpp-record-section,
body .fpp-editor .fpp-unified-share,
body .fpp-editor .fpp-skills-card{
    max-width:none !important;
}

/* Keep consistent spacing between sections without narrowing their width. */
body .fpp-editor > .fpp-form-card{
    margin-top:20px !important;
    margin-bottom:20px !important;
}

/* The first card should sit closer to the BuddyPress navigation. */
body .fpp-editor > .fpp-form-card:first-of-type{
    margin-top:10px !important;
}

/* Make form controls consume their section columns consistently. */
body .fpp-editor input[type="text"],
body .fpp-editor input[type="url"],
body .fpp-editor input[type="email"],
body .fpp-editor input[type="month"],
body .fpp-editor input[type="tel"],
body .fpp-editor select,
body .fpp-editor textarea{
    box-sizing:border-box !important;
    max-width:100% !important;
}

/* Avoid a second mobile gutter as well. */
@media(max-width:980px){
    body .fpp-editor{
        padding-left:0 !important;
        padding-right:0 !important;
    }
}


/* ===== v0.11 simplified permanent Professional URL + QR explanation ===== */
.fpp-qr-toggle-help{
    margin:-3px 0 14px !important;
    padding:10px 12px !important;
    border-radius:9px !important;
    background:#f7f9fc !important;
    color:#667387 !important;
    font-size:10px !important;
    line-height:1.5 !important;
}
.fpp-qr-toggle-help strong{
    color:#273244 !important;
}


/* ===== v0.11.1 public page alignment ===== */

/*
 * The outer public Professional container defines the page alignment.
 * Do not let the generic .fpp-profile 900px max-width recenter the profile.
 */
body.fpp-public-professional-body .fpp-public-professional-page{
    width:min(1040px, calc(100% - 32px)) !important;
    max-width:1040px !important;
    margin:32px auto !important;
    box-sizing:border-box !important;
}

body.fpp-public-professional-body .fpp-public-topbar{
    width:100% !important;
    max-width:none !important;
    margin:0 0 18px !important;
    box-sizing:border-box !important;
}

/* Main public profile now follows exactly the same red-line edges. */
body.fpp-public-professional-body .fpp-public-professional-page > .fpp-profile{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    box-sizing:border-box !important;
    padding:28px !important;
}

/* Stop inherited generic profile centering anywhere inside the public page. */
body.fpp-public-professional-body .fpp-public-professional-page .fpp-profile{
    max-width:none !important;
}

/* Public hero should use the full content width cleanly. */
body.fpp-public-professional-body .fpp-profile .fpp-hero{
    width:100% !important;
    box-sizing:border-box !important;
    margin:0 !important;
    padding:22px 0 26px !important;
}

/* Every public section aligns to the same inner edge. */
body.fpp-public-professional-body .fpp-profile > section{
    width:100% !important;
    max-width:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
    box-sizing:border-box !important;
}

/* Intro card should not introduce another centered/narrow container. */
body.fpp-public-professional-body .fpp-profile .fpp-intro-card,
body.fpp-public-professional-body .fpp-profile .fpp-public-qr-section{
    width:100% !important;
    max-width:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
    box-sizing:border-box !important;
}

/* Keep readable content but do not narrow the actual card/container. */
body.fpp-public-professional-body .fpp-profile section > *{
    max-width:100% !important;
}

/* Mobile follows the same single gutter. */
@media(max-width:700px){
    body.fpp-public-professional-body .fpp-public-professional-page{
        width:calc(100% - 20px) !important;
        margin:10px auto !important;
    }

    body.fpp-public-professional-body .fpp-public-professional-page > .fpp-profile{
        padding:20px !important;
    }
}


/* ===== v0.12 public contrast + secure exports ===== */
body.fpp-public-professional-body,
body.fpp-public-professional-body .fpp-public-professional-page,
body.fpp-public-professional-body .fpp-public-professional-page *{
    opacity:1 !important;
    filter:none !important;
}
body.fpp-public-professional-body{
    color:#263244 !important;
}
body.fpp-public-professional-body .fpp-profile,
body.fpp-public-professional-body .fpp-public-topbar{
    color:#263244 !important;
}
body.fpp-public-professional-body .fpp-profile h1,
body.fpp-public-professional-body .fpp-profile h2,
body.fpp-public-professional-body .fpp-profile h3,
body.fpp-public-professional-body .fpp-public-topbar h1{
    color:#172033 !important;
}
body.fpp-public-professional-body .fpp-profile p,
body.fpp-public-professional-body .fpp-profile .fpp-intro-copy,
body.fpp-public-professional-body .fpp-profile .fpp-item{
    color:#4e5c70 !important;
}
body.fpp-public-professional-body .fpp-muted,
body.fpp-public-professional-body .fpp-public-eyebrow{
    color:#68758a !important;
    opacity:1 !important;
}
body.fpp-public-professional-body .fpp-profile a{
    color:var(--fpp-accent) !important;
}

/* Secure Export panel */
.fpp-export-card{
    position:relative !important;
}
.fpp-export-grid{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:16px !important;
}
.fpp-export-option{
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    gap:8px !important;
    padding:18px !important;
    border:1px solid #e1e7ef !important;
    border-radius:12px !important;
    background:#fff !important;
}
.fpp-export-option strong{
    color:#202939 !important;
    font-size:14px !important;
}
.fpp-export-option span{
    min-height:34px !important;
    color:#6d788a !important;
    font-size:11px !important;
    line-height:1.45 !important;
}
.fpp-export-option .fpp-button{
    margin-top:auto !important;
}
.fpp-export-security-note{
    display:grid !important;
    gap:4px !important;
    margin-top:16px !important;
    padding:12px 14px !important;
    border-radius:10px !important;
    background:#f7f9fc !important;
}
.fpp-export-security-note strong{
    color:#273244 !important;
    font-size:12px !important;
}
.fpp-export-security-note span{
    color:#6c788b !important;
    font-size:10px !important;
    line-height:1.5 !important;
}

/* Export password modal */
.fpp-export-modal[hidden]{
    display:none !important;
}
.fpp-export-modal{
    position:fixed !important;
    inset:0 !important;
    z-index:999999 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:20px !important;
}
.fpp-export-modal-backdrop{
    position:absolute !important;
    inset:0 !important;
    background:rgba(20,28,40,.56) !important;
}
.fpp-export-modal-dialog{
    position:relative !important;
    z-index:1 !important;
    width:min(520px,100%) !important;
    box-sizing:border-box !important;
    padding:24px !important;
    border-radius:16px !important;
    background:#fff !important;
    box-shadow:0 24px 70px rgba(0,0,0,.22) !important;
}
.fpp-export-modal-close{
    position:absolute !important;
    top:12px !important;
    right:12px !important;
    width:34px !important;
    height:34px !important;
    padding:0 !important;
    border:0 !important;
    border-radius:50% !important;
    background:#f4f6f8 !important;
    color:#374151 !important;
    font-size:22px !important;
    line-height:1 !important;
    cursor:pointer !important;
}
.fpp-export-modal-kicker{
    display:block !important;
    margin-bottom:5px !important;
    color:var(--fpp-accent) !important;
    font-size:10px !important;
    font-weight:800 !important;
    text-transform:uppercase !important;
    letter-spacing:.06em !important;
}
.fpp-export-modal-dialog h3{
    margin:0 0 8px !important;
    color:#172033 !important;
    font-size:21px !important;
}
.fpp-export-modal-dialog p{
    margin:0 0 16px !important;
    color:#657186 !important;
    font-size:12px !important;
    line-height:1.55 !important;
}
.fpp-export-password-row{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    gap:8px !important;
    align-items:stretch !important;
}
.fpp-export-password-row code{
    display:flex !important;
    align-items:center !important;
    min-height:44px !important;
    padding:0 14px !important;
    border:1px solid #dce3ec !important;
    border-radius:9px !important;
    background:#f8fafc !important;
    color:#172033 !important;
    font-size:18px !important;
    font-weight:800 !important;
    letter-spacing:.08em !important;
}
.fpp-export-confirm{
    display:flex !important;
    align-items:flex-start !important;
    gap:9px !important;
    margin:16px 0 10px !important;
    color:#344054 !important;
    font-size:12px !important;
    font-weight:600 !important;
}
.fpp-export-confirm input{
    margin-top:2px !important;
    accent-color:var(--fpp-accent) !important;
}
.fpp-export-warning{
    margin-bottom:16px !important;
    padding:10px 12px !important;
    border-radius:9px !important;
    background:#fff7ed !important;
    color:#9a4c12 !important;
    font-size:10px !important;
    line-height:1.45 !important;
}
#fpp-confirm-export:disabled{
    opacity:.5 !important;
    cursor:not-allowed !important;
}
@media(max-width:700px){
    .fpp-export-grid{
        grid-template-columns:1fr !important;
    }
    .fpp-export-password-row{
        grid-template-columns:1fr !important;
    }
}


/* ===== v0.12.1 Activity Professional Summary + export fix ===== */
.fpp-activity-professional-widget{
    width:100% !important;
    box-sizing:border-box !important;
    margin:0 0 20px !important;
    padding:18px 20px !important;
    display:grid !important;
    grid-template-columns:46px minmax(0,1fr) auto !important;
    gap:16px !important;
    align-items:start !important;
    border:1px solid #e2e8f0 !important;
    border-radius:14px !important;
    background:#fff !important;
    box-shadow:0 6px 20px rgba(25,38,61,.04) !important;
}
.fpp-activity-professional-icon{
    width:46px !important;
    height:46px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:11px !important;
    background:var(--fpp-accent-soft) !important;
    color:var(--fpp-accent) !important;
}
.fpp-activity-professional-icon svg{
    width:23px !important;
    height:23px !important;
    fill:none !important;
    stroke:currentColor !important;
    stroke-width:1.8 !important;
    stroke-linecap:round !important;
    stroke-linejoin:round !important;
}
.fpp-activity-professional-kicker{
    display:block !important;
    margin-bottom:3px !important;
    color:var(--fpp-accent) !important;
    font-size:10px !important;
    font-weight:800 !important;
    text-transform:uppercase !important;
    letter-spacing:.06em !important;
}
.fpp-activity-professional-main h3{
    margin:0 !important;
    color:#1f2937 !important;
    font-size:17px !important;
    line-height:1.3 !important;
}
.fpp-activity-professional-location{
    margin-top:3px !important;
    color:#768296 !important;
    font-size:11px !important;
}
.fpp-activity-professional-main p{
    margin:9px 0 0 !important;
    color:#58667a !important;
    font-size:12px !important;
    line-height:1.5 !important;
}
.fpp-activity-professional-skills{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:6px !important;
    margin-top:10px !important;
}
.fpp-activity-professional-skills span{
    display:inline-flex !important;
    padding:5px 8px !important;
    border:1px solid var(--fpp-accent-border) !important;
    border-radius:999px !important;
    background:var(--fpp-accent-soft) !important;
    color:#465267 !important;
    font-size:10px !important;
    line-height:1.2 !important;
}
.fpp-activity-professional-action{
    align-self:center !important;
}
.fpp-activity-professional-action a{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:38px !important;
    padding:0 13px !important;
    border:1px solid var(--fpp-accent) !important;
    border-radius:8px !important;
    background:#fff !important;
    color:var(--fpp-accent) !important;
    text-decoration:none !important;
    font-size:11px !important;
    font-weight:700 !important;
    white-space:nowrap !important;
}
.fpp-activity-professional-action a:hover{
    background:var(--fpp-accent-soft) !important;
}
html.fpp-export-modal-open{
    overflow:hidden !important;
}
@media(max-width:700px){
    .fpp-activity-professional-widget{
        grid-template-columns:42px minmax(0,1fr) !important;
    }
    .fpp-activity-professional-action{
        grid-column:1/-1 !important;
    }
    .fpp-activity-professional-action a{
        width:100% !important;
        box-sizing:border-box !important;
    }
}


/* ===== v0.12.2 export password row sizing ===== */
.fpp-export-password-row{
    align-items:stretch !important;
}
.fpp-export-password-row code,
.fpp-export-password-row #fpp-copy-export-password{
    height:44px !important;
    min-height:44px !important;
    max-height:44px !important;
    box-sizing:border-box !important;
}
.fpp-export-password-row code{
    padding:0 14px !important;
}
.fpp-export-password-row #fpp-copy-export-password{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:auto !important;
    min-width:118px !important;
    margin:0 !important;
    padding:0 16px !important;
    border-radius:9px !important;
    line-height:1 !important;
    white-space:nowrap !important;
}


/* ===== v0.12.3 frontend export download ===== */
.fpp-export-download-frame{
    position:absolute !important;
    width:1px !important;
    height:1px !important;
    border:0 !important;
    clip:rect(0 0 0 0) !important;
    clip-path:inset(50%) !important;
    overflow:hidden !important;
    white-space:nowrap !important;
}


/* ===== v0.12.9 experience cleanup ===== */
.fpp-experience-description p{
    margin:0 0 10px !important;
    line-height:1.55 !important;
}
.fpp-experience-description p:last-child{
    margin-bottom:0 !important;
}


/* ===== v0.12.11 experience spacing + sidebar locator ===== */

/*
 * Divi/BuddyPress can apply large paragraph margins inside cards.
 * Scope tightly to Experience descriptions and override those defaults.
 */
#buddypress .fpp-record-description.fpp-experience-description,
#buddypress .fpp-record-description.fpp-experience-description p,
.fpp-editor .fpp-record-description.fpp-experience-description,
.fpp-editor .fpp-record-description.fpp-experience-description p{
    margin-top:0 !important;
}

#buddypress .fpp-record-description.fpp-experience-description p,
.fpp-editor .fpp-record-description.fpp-experience-description p{
    margin-bottom:6px !important;
    padding:0 !important;
    line-height:1.48 !important;
}

#buddypress .fpp-record-description.fpp-experience-description p + p,
.fpp-editor .fpp-record-description.fpp-experience-description p + p{
    margin-top:4px !important;
}

#buddypress .fpp-record-description.fpp-experience-description p:last-child,
.fpp-editor .fpp-record-description.fpp-experience-description p:last-child{
    margin-bottom:0 !important;
}

/*
 * If wpautop produced <br><br> instead of separate paragraphs, constrain
 * line box spacing so the gap still remains compact.
 */
#buddypress .fpp-record-description.fpp-experience-description,
.fpp-editor .fpp-record-description.fpp-experience-description{
    line-height:1.48 !important;
}

/* Ensure sidebar placement always behaves as a normal left-column card. */
.fpp-activity-professional-widget.fpp-sidebar-placement{
    float:none !important;
    position:relative !important;
    inset:auto !important;
    transform:none !important;
}


/* ===== v0.12.12 real Follo sidebar widget ===== */
.follo-profile-sidebar > .fpp-professional-sidebar-widget{
    width:100% !important;
    box-sizing:border-box !important;
    margin:0 !important;
    padding:18px !important;
    border:1px solid #edf0f4 !important;
    border-radius:14px !important;
    background:#fff !important;
    box-shadow:0 4px 18px rgba(25,38,61,.035) !important;
    color:#465267 !important;
}
.fpp-sidebar-professional-head{
    display:flex !important;
    gap:10px !important;
    align-items:center !important;
}
.fpp-sidebar-professional-icon{
    flex:0 0 38px !important;
    width:38px !important;
    height:38px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:10px !important;
    background:var(--fpp-accent-soft) !important;
    color:var(--fpp-accent) !important;
}
.fpp-sidebar-professional-icon svg{
    width:19px !important;
    height:19px !important;
    fill:none !important;
    stroke:currentColor !important;
    stroke-width:1.8 !important;
    stroke-linecap:round !important;
    stroke-linejoin:round !important;
}
.fpp-sidebar-professional-heading{
    min-width:0 !important;
}
.fpp-sidebar-professional-heading small{
    display:block !important;
    margin-bottom:2px !important;
    color:var(--fpp-accent) !important;
    font-size:9px !important;
    font-weight:800 !important;
    letter-spacing:.055em !important;
    text-transform:uppercase !important;
}
.fpp-sidebar-professional-heading strong{
    display:block !important;
    color:#1f2937 !important;
    font-size:15px !important;
    line-height:1.25 !important;
}
.fpp-sidebar-professional-location{
    margin:8px 0 0 48px !important;
    color:#768296 !important;
    font-size:10px !important;
}
.fpp-sidebar-professional-summary{
    margin:12px 0 0 !important;
    padding:0 !important;
    color:#58667a !important;
    font-size:11px !important;
    line-height:1.5 !important;
}
.fpp-sidebar-professional-skills{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:5px !important;
    margin-top:10px !important;
}
.fpp-sidebar-professional-skills span{
    display:inline-flex !important;
    padding:4px 7px !important;
    border:1px solid var(--fpp-accent-border) !important;
    border-radius:999px !important;
    background:var(--fpp-accent-soft) !important;
    color:#465267 !important;
    font-size:9px !important;
    line-height:1.2 !important;
}
.fpp-sidebar-professional-link{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:100% !important;
    min-height:34px !important;
    box-sizing:border-box !important;
    margin-top:12px !important;
    padding:0 10px !important;
    border:1px solid var(--fpp-accent) !important;
    border-radius:8px !important;
    background:#fff !important;
    color:var(--fpp-accent) !important;
    text-decoration:none !important;
    font-size:10px !important;
    font-weight:700 !important;
}

/* The old JS-relocation states are no longer used for sidebar mode. */
/* ===== v0.12.14 premium professional sidebar card ===== */
.follo-profile-sidebar > .fpp-professional-sidebar-widget{
    position:relative !important;
    overflow:hidden !important;
    padding:20px !important;
    border:1px solid #e7ebf1 !important;
    border-radius:16px !important;
    background:
        linear-gradient(180deg, var(--fpp-accent-soft) 0, rgba(255,255,255,0) 72px),
        #fff !important;
    box-shadow:0 8px 24px rgba(31,41,55,.055) !important;
}
.follo-profile-sidebar > .fpp-professional-sidebar-widget::before{
    content:"" !important;
    position:absolute !important;
    inset:0 auto 0 0 !important;
    width:3px !important;
    background:var(--fpp-accent) !important;
    opacity:.9 !important;
}
.fpp-sidebar-professional-head{
    gap:12px !important;
    align-items:flex-start !important;
}
.fpp-sidebar-professional-icon{
    flex:0 0 42px !important;
    width:42px !important;
    height:42px !important;
    border:1px solid var(--fpp-accent-border) !important;
    border-radius:12px !important;
    background:#fff !important;
    box-shadow:0 3px 10px rgba(31,41,55,.05) !important;
}
.fpp-sidebar-professional-icon svg{
    width:20px !important;
    height:20px !important;
}
.fpp-sidebar-professional-heading small{
    margin:1px 0 4px !important;
    color:var(--fpp-accent) !important;
    font-size:8.5px !important;
    font-weight:800 !important;
    line-height:1.2 !important;
    letter-spacing:.075em !important;
}
.fpp-sidebar-professional-heading strong{
    color:#172033 !important;
    font-size:16px !important;
    font-weight:750 !important;
    line-height:1.25 !important;
}
.fpp-sidebar-professional-location{
    margin:6px 0 0 54px !important;
    color:#7a8495 !important;
    font-size:10px !important;
    line-height:1.35 !important;
}
.fpp-sidebar-professional-summary{
    display:-webkit-box !important;
    -webkit-box-orient:vertical !important;
    -webkit-line-clamp:3 !important;
    overflow:hidden !important;
    margin:15px 0 0 !important;
    color:#536174 !important;
    font-size:11px !important;
    line-height:1.55 !important;
}
.fpp-sidebar-professional-skills{
    gap:6px !important;
    margin-top:13px !important;
}
.fpp-sidebar-professional-skills span{
    max-width:100% !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
    padding:5px 8px !important;
    border-color:var(--fpp-accent-border) !important;
    background:#fff !important;
    color:#556174 !important;
    font-size:9px !important;
    font-weight:600 !important;
}
.fpp-sidebar-professional-link{
    justify-content:space-between !important;
    min-height:38px !important;
    margin-top:15px !important;
    padding:0 12px !important;
    border:1px solid var(--fpp-accent) !important;
    border-radius:9px !important;
    background:var(--fpp-accent) !important;
    color:#fff !important;
    font-size:10px !important;
    font-weight:750 !important;
    letter-spacing:.01em !important;
    box-shadow:0 4px 10px rgba(31,41,55,.07) !important;
}
.fpp-sidebar-professional-link:hover{
    filter:brightness(.97) !important;
    color:#fff !important;
}
.fpp-sidebar-professional-arrow{
    margin-left:12px !important;
    font-size:15px !important;
    font-weight:500 !important;
    line-height:1 !important;
}


/* ===== v0.12.16 sidebar ownership cleanup ===== */
/*
 * Sidebar ordering/positioning is intentionally not controlled here.
 * Follo Professional Profile styles and renders the Professional card;
 * Follo Profile Widgets owns sidebar layout, ordering, and priority.
 */

/* ===== v0.12.17 display setting spacing ===== */
.fpp-activity-display-setting .fpp-activity-display-copy{margin-bottom:20px !important;}
.fpp-activity-display-setting .fpp-sidebar-widget-check{
    display:flex !important;align-items:flex-start !important;gap:10px !important;
    margin:0 0 12px !important;padding-top:2px !important;
}
.fpp-activity-display-setting .fpp-sidebar-widget-check input[type="checkbox"]{
    flex:0 0 auto !important;margin:2px 0 0 !important;
}
.fpp-activity-display-setting .fpp-sidebar-widget-check + .fpp-help{
    margin-top:0 !important;margin-bottom:18px !important;
}


/* ===== v0.12.20 public home button ===== */
.fpp-public-topbar{
    position:relative !important;
}
.fpp-public-home-link{
    display:inline-flex !important;
    align-items:center !important;
    gap:7px !important;
    min-height:38px !important;
    box-sizing:border-box !important;
    margin:0 0 14px !important;
    padding:0 13px !important;
    border:1px solid var(--fpp-accent) !important;
    border-radius:9px !important;
    background:#fff !important;
    color:var(--fpp-accent) !important;
    text-decoration:none !important;
    font-size:11px !important;
    font-weight:750 !important;
    line-height:1 !important;
    box-shadow:0 3px 10px rgba(31,41,55,.045) !important;
}
.fpp-public-home-link:hover,
.fpp-public-home-link:focus{
    background:var(--fpp-accent-soft) !important;
    color:var(--fpp-accent) !important;
    text-decoration:none !important;
}
.fpp-public-home-icon{
    font-size:15px !important;
    line-height:1 !important;
    transform:translateY(-1px) !important;
}
@media(max-width:640px){
    .fpp-public-home-link{
        width:100% !important;
        justify-content:center !important;
    }
}


/* ===== v0.12.22 prevent footer widget leak ===== */

/*
 * The Professional sidebar card is rendered from wp_footer only as a mount
 * source. It must never be visible until it is actually inside the Follo
 * profile sidebar.
 */
.fpp-professional-sidebar-widget.fpp-sidebar-widget-pending{
    display:none !important;
}

.follo-profile-sidebar > .fpp-professional-sidebar-widget.fpp-sidebar-widget-mounted{
    display:block !important;
}