.wpcbp-form,.wpcbp-profile{max-width:760px;background:#fff;border:1px solid #e3e8ef;border-radius:12px;padding:22px;margin:16px 0}.wpcbp-form p{margin:0 0 14px}.wpcbp-form label{display:block;font-weight:600;margin-bottom:6px}.wpcbp-form input{width:100%;max-width:100%;padding:11px;border:1px solid #ccd5e0;border-radius:6px;box-sizing:border-box}.wpcbp-form button{background:#17365d;color:#fff;border:0;border-radius:6px;padding:12px 20px;cursor:pointer}.wpcbp-notice{padding:12px;background:#eef7ee;border-left:4px solid #39834a;margin:12px 0}.wpcbp-profile-image{max-width:180px;height:auto;border-radius:8px}.wpcbp-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.wpcbp-list-item{border:1px solid #e2e7ee;padding:14px;border-radius:8px}

/* v1.0.4 — Superio-inspired presentation, scoped to this plugin only. */
.wpcbp-form,
.wpcbp-profile {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #e9edf2;
    border-radius: 10px;
    padding: 28px 30px;
    margin: 0 0 25px;
    box-shadow: 0 3px 18px rgba(24, 39, 75, .035);
    color: #202b3c;
    font-family: inherit;
}
.wpcbp-form:before {
    content: "Profile Details";
    display: block;
    color: #202b3c;
    font-size: 20px;
    line-height: 1.35;
    font-weight: 600;
    padding: 0 0 18px;
    margin: 0 0 22px;
    border-bottom: 1px solid #edf0f4;
}
.wpcbp-form p {
    display: inline-block;
    vertical-align: top;
    width: calc(50% - 10px);
    margin: 0 20px 20px 0;
    box-sizing: border-box;
}
.wpcbp-form p:nth-of-type(even) { margin-right: 0; }
.wpcbp-form p:first-of-type { width: 100%; margin-right: 0; }
.wpcbp-form label {
    display: block;
    color: #202b3c;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 500;
    margin: 0 0 8px;
}
.wpcbp-form input:not([type="submit"]),
.wpcbp-form input:not([type="checkbox"]),
.wpcbp-form select,
.wpcbp-form textarea {
    display: block;
    width: 100%;
    max-width: 100%;
    min-height: 48px;
    padding: 11px 15px;
    border: 1px solid #e4e8ee;
    border-radius: 6px;
    background: #fff;
    color: #202b3c;
    font: inherit;
    font-size: 14px;
    line-height: 1.5;
    box-shadow: none;
    box-sizing: border-box;
    transition: border-color .2s ease, box-shadow .2s ease;
}
.wpcbp-form input:focus,
.wpcbp-form select:focus,
.wpcbp-form textarea:focus {
    outline: 0;
    border-color: #1967d2;
    box-shadow: 0 0 0 3px rgba(25, 103, 210, .09);
}
.wpcbp-form input[type="url"] { overflow: hidden; }
.wpcbp-form button,
.wpcbp-form input[type="submit"] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 12px 25px;
    border: 0;
    border-radius: 6px;
    background: #1967d2;
    color: #fff;
    font-family: inherit;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
    cursor: pointer;
    transition: background .2s ease, transform .2s ease;
}
.wpcbp-form button:hover,
.wpcbp-form input[type="submit"]:hover { background: #1558b5; }
.wpcbp-notice {
    padding: 14px 17px;
    background: #eff8f1;
    border: 1px solid #d7eddd;
    border-left: 4px solid #329653;
    border-radius: 6px;
    color: #245b35;
    margin: 0 0 18px;
}
.wpcbp-profile h2 { font-size: 24px; font-weight: 600; margin: 0 0 20px; color: #202b3c; }
.wpcbp-profile p { color: #5d6878; line-height: 1.7; }
.wpcbp-profile-image { max-width: 180px; height: auto; border-radius: 8px; }
.wpcbp-list-item { border: 1px solid #e7ebf0; padding: 18px; border-radius: 8px; background: #fff; }
.wpcbp-list-item a { color: #1967d2; font-weight: 600; text-decoration: none; }

/* Team submenu uses the same menu typography and spacing as the Superio sidebar. */
.user_short_profile .menu_short_profile .wpcbp-dashboard-team-menu > a {
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
}
.user_short_profile .menu_short_profile .wpcbp-dashboard-team-menu > a > i { min-width: 16px; }
.user_short_profile .menu_short_profile .wpcbp-team-menu-caret { margin-left: auto; font-size: 17px; }
.user_short_profile .menu_short_profile .wpcbp-team-submenu {
    display: block;
    position: static;
    float: none;
    width: 100%;
    min-width: 0;
    margin: 0;
    padding: 2px 0 5px 27px;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}
.user_short_profile .menu_short_profile .wpcbp-team-submenu > li { list-style: none; margin: 0; padding: 0; }
.user_short_profile .menu_short_profile .wpcbp-team-submenu > li > a {
    display: block;
    padding: 8px 12px;
    color: inherit;
    font-size: 13px;
    line-height: 1.45;
    text-decoration: none;
}
.user_short_profile .menu_short_profile .wpcbp-team-submenu > li > a:hover { color: #1967d2; }
@media (max-width: 767px) {
    .wpcbp-form, .wpcbp-profile { padding: 20px 17px; }
    .wpcbp-form p { display: block; width: 100%; margin: 0 0 17px; }
    .wpcbp-form p:nth-of-type(even) { margin-right: 0; }
}

/* v1.0.5 — Native WordPress media selector for team logo and cover photo. */
.wpcbp-image-picker { display:flex; flex-wrap:wrap; align-items:center; gap:9px; }
.wpcbp-image-picker .wpcbp-image-url { flex:1 1 100%; }
.wpcbp-image-picker .wpcbp-select-image,
.wpcbp-image-picker .wpcbp-remove-image { min-height:40px; padding:9px 15px; border:1px solid #dce3ec; border-radius:6px; background:#f7f9fc; color:#26364a; font-size:13px; font-weight:600; cursor:pointer; }
.wpcbp-image-picker .wpcbp-select-image { background:#1967d2; border-color:#1967d2; color:#fff; }
.wpcbp-image-picker .wpcbp-image-preview { display:block; flex:0 0 auto; max-width:180px; max-height:130px; object-fit:contain; border:1px solid #e4e8ee; border-radius:6px; padding:4px; }
.wpcbp-form .wpcbp-field-image { display:block; width:100%; margin-right:0; }

.wpcbp-image-picker .wpcbp-upload-label{display:inline-flex;align-items:center;gap:7px;padding:9px 13px;border:1px solid #dce3ec;border-radius:6px;background:#f7f9fc;color:#26364a;font-size:13px;font-weight:600;cursor:pointer}.wpcbp-image-picker .wpcbp-local-image{width:auto!important;min-height:0!important;padding:0!important;border:0!important;font-size:12px!important;max-width:210px}.wpcbp-image-picker .wpcbp-upload-label input[type=file]{max-width:180px}
