:root{--wwm-accent:#cc3366;--wwm-dark:#24272d;--wwm-text:#3c434a;--wwm-line:#e4e5e7;--wwm-soft:#fff6f9;--wwm-bg:#f6f7f7}
.wwm-admin-wrap{max-width:1180px}
.wwm-manual-shell{box-sizing:border-box;max-width:1120px;margin:20px auto 36px;color:var(--wwm-text);font-size:14px;line-height:1.65}
.wwm-manual-shell *{box-sizing:border-box}
.wwm-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:28px 30px;border:1px solid var(--wwm-line);border-left:5px solid var(--wwm-accent);border-radius:12px;background:#fff;box-shadow:0 6px 24px rgba(0,0,0,.04)}
.wwm-hero h1{margin:3px 0 6px!important;font-size:30px!important;line-height:1.2!important;color:var(--wwm-dark)!important}
.wwm-hero p{margin:0;color:#646970}
.wwm-kicker{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--wwm-accent)}
.wwm-role-badge{flex:0 0 auto;padding:7px 11px;border-radius:999px;background:var(--wwm-soft);color:var(--wwm-accent);font-size:12px;font-weight:700}
.wwm-search-wrap{position:relative;margin:18px 0}
.wwm-search{width:100%!important;max-width:none!important;padding:13px 46px 13px 16px!important;border:1px solid #c3c4c7!important;border-radius:8px!important;background:#fff!important;font-size:15px!important}
.wwm-search:focus{border-color:var(--wwm-accent)!important;box-shadow:0 0 0 1px var(--wwm-accent)!important;outline:0!important}
.wwm-search-count{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:12px;color:#646970}
.wwm-block{margin:18px 0;padding:20px;border:1px solid var(--wwm-line);border-radius:10px;background:#fff}
.wwm-block-title{margin-bottom:13px;font-size:16px;font-weight:700;color:var(--wwm-dark)}
.wwm-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.wwm-action-card,.wwm-toc-link,.wwm-back-top,.wwm-profile-open{appearance:none;border:1px solid #dcdcde;background:#fff;color:var(--wwm-dark);cursor:pointer}
.wwm-action-card{padding:13px 14px;border-radius:8px;text-align:left;font-weight:650;transition:.16s}
.wwm-action-card:hover,.wwm-action-card:focus{border-color:var(--wwm-accent);color:var(--wwm-accent);background:var(--wwm-soft)}
.wwm-toc{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.wwm-toc-link{display:flex;align-items:center;gap:9px;padding:9px 10px;border:0;border-bottom:1px solid #eee;text-align:left;background:transparent}
.wwm-toc-link span{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;flex:0 0 24px;border-radius:50%;background:var(--wwm-soft);color:var(--wwm-accent);font-size:11px;font-weight:700}
.wwm-toc-link:hover{color:var(--wwm-accent)}
.wwm-section{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;margin:13px 0;padding:22px;border:1px solid var(--wwm-line);border-radius:10px;background:#fff;scroll-margin-top:45px}
.wwm-section[hidden]{display:none!important}
.wwm-section-number{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:9px;background:var(--wwm-soft);color:var(--wwm-accent);font-weight:800}
.wwm-section h2{margin:2px 0 14px!important;color:var(--wwm-dark)!important;font-size:22px!important}
.wwm-section h3{margin:19px 0 7px!important;color:var(--wwm-dark)!important;font-size:16px!important}
.wwm-section p{margin:7px 0}
.wwm-section ul,.wwm-section ol{margin:8px 0 10px 20px}
.wwm-section li{margin:4px 0}
.wwm-callout{margin:12px 0;padding:12px 14px;border-left:4px solid var(--wwm-accent);border-radius:4px;background:var(--wwm-soft)}
.wwm-path{margin:10px 0;padding:9px 12px;border-radius:5px;background:#f0f0f1;font-weight:650;color:#3c434a}
.wwm-flow{font-weight:550}
.wwm-check{margin:3px 0!important}
.wwm-no-results{margin:18px 0;padding:18px;border:1px dashed #c3c4c7;border-radius:8px;text-align:center;background:#fff}
.wwm-back-top-wrap{text-align:right;margin-top:18px}
.wwm-back-top{padding:9px 12px;border-radius:6px;color:var(--wwm-accent);font-weight:650}
.wwm-preview-note{max-width:1120px;margin:15px auto 0;padding:10px 14px;border-left:4px solid #2271b1;background:#f0f6fc}
.wwm-login-required{padding:14px;border-left:4px solid var(--wwm-accent);background:var(--wwm-soft)}
.wwm-profile-open{display:block;margin-top:14px;padding:9px 13px;border-color:var(--wwm-accent);border-radius:5px;background:var(--wwm-accent);color:#fff;font-weight:700}
.wwm-profile-open:hover,.wwm-profile-open:focus{background:#ad2857;color:#fff}
.wwm-profile-panel{margin:0 0 22px}
.wwm-profile-panel[hidden]{display:none!important}
.wwm-profile-panel .wwm-manual-shell{margin-top:0}
@media(max-width:782px){
 .wwm-manual-shell{margin:12px 0 24px;font-size:13.5px}
 .wwm-hero{display:block;padding:20px}
 .wwm-role-badge{display:inline-block;margin-top:12px}
 .wwm-hero h1{font-size:24px!important}
 .wwm-actions{grid-template-columns:1fr}
 .wwm-toc{grid-template-columns:1fr}
 .wwm-section{grid-template-columns:1fr;padding:17px}
 .wwm-section-number{width:32px;height:32px}
 .wwm-section h2{font-size:19px!important}
}


/* v2.0.1 – Student Help Center manual link */
#depadp-student-help-center-v10.wwm-v201-has-manual-link .depadp-student-help-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
}
#wwm-v201-help-manual-item .depadp-student-help-value a{
    color:#cc3366!important;
}
@media(max-width:767px){
    #depadp-student-help-center-v10.wwm-v201-has-manual-link .depadp-student-help-grid{
        grid-template-columns:1fr!important;
    }
}

/* v2.0.1 – Manual editor */
.wwm-editor-nav{
    max-width:1000px;
    margin:18px 0;
    padding:16px;
    border:1px solid #dcdcde;
    background:#fff;
}
.wwm-editor-nav form{
    display:flex;
    gap:18px;
    flex-wrap:wrap;
    align-items:end;
}
.wwm-editor-nav select{
    min-width:240px;
}
.wwm-editor-form{
    max-width:1000px;
    padding:18px;
    border:1px solid #dcdcde;
    background:#fff;
}


/* ============================================================
 * v2.1.0 – Help Center UX redesign
 * ============================================================ */

.wwm-block-intro{
    margin:-5px 0 15px;
    color:#646970;
}
.wwm-topic-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px;
}
.wwm-topic-card{
    appearance:none;
    min-height:112px;
    padding:17px;
    border:1px solid #dcdcde;
    border-radius:9px;
    background:#fff;
    color:var(--wwm-dark);
    cursor:pointer;
    text-align:left;
    transition:background .16s,border-color .16s,color .16s,transform .16s;
}
.wwm-topic-card strong{
    display:block;
    margin-bottom:7px;
    color:inherit;
    font-size:15px;
}
.wwm-topic-card span{
    display:block;
    color:#646970;
    line-height:1.45;
}
.wwm-topic-card:hover,
.wwm-topic-card:focus,
.wwm-topic-card.is-active{
    border-color:var(--wwm-accent);
    background:var(--wwm-accent);
    color:#fff!important;
    transform:translateY(-1px);
    outline:0;
}
.wwm-topic-card:hover strong,
.wwm-topic-card:focus strong,
.wwm-topic-card.is-active strong,
.wwm-topic-card:hover span,
.wwm-topic-card:focus span,
.wwm-topic-card.is-active span{
    color:#fff!important;
}
.wwm-show-all{
    appearance:none;
    margin-top:14px;
    padding:9px 13px;
    border:1px solid var(--wwm-accent);
    border-radius:6px;
    background:#fff;
    color:var(--wwm-accent);
    cursor:pointer;
    font-weight:650;
}
.wwm-show-all:hover,
.wwm-show-all:focus{
    background:var(--wwm-accent);
    color:#fff!important;
}

/* Fix όλων των accent hover buttons: λευκά γράμματα */
.wwm-action-card:hover,
.wwm-action-card:focus{
    background:var(--wwm-accent)!important;
    border-color:var(--wwm-accent)!important;
    color:#fff!important;
}
.wwm-toc-link:hover,
.wwm-toc-link:focus{
    background:var(--wwm-accent)!important;
    color:#fff!important;
    border-radius:6px;
}
.wwm-toc-link:hover span,
.wwm-toc-link:focus span{
    background:#fff!important;
    color:var(--wwm-accent)!important;
}
.wwm-search-wrap:before{
    content:"⌕";
    position:absolute;
    left:15px;
    top:50%;
    transform:translateY(-52%);
    z-index:2;
    color:var(--wwm-accent);
    font-size:22px;
    pointer-events:none;
}
.wwm-search{
    padding-left:46px!important;
    min-height:48px;
}
@media(max-width:900px){
    .wwm-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
    .wwm-topic-grid{grid-template-columns:1fr}
    .wwm-topic-card{min-height:0}
}


/* ============================================================
 * v2.1.1 – Sticky contents + strict layout alignment
 * ============================================================ */

.wwm-layout{
    display:grid!important;
    grid-template-columns:250px minmax(0,1fr)!important;
    gap:20px!important;
    align-items:start!important;
    width:100%!important;
}

.wwm-sidebar{
    display:block!important;
    min-width:0!important;
}

.wwm-sidebar-inner{
    position:sticky!important;
    top:38px!important;
    max-height:calc(100vh - 58px)!important;
    overflow:auto!important;
    padding:15px!important;
    border:1px solid var(--wwm-line)!important;
    border-radius:10px!important;
    background:#fff!important;
}

.wwm-sidebar-title{
    margin:0 0 10px!important;
    padding:0 2px 9px!important;
    border-bottom:1px solid #eee!important;
    color:var(--wwm-dark)!important;
    font-size:15px!important;
    font-weight:750!important;
}

.wwm-sidebar-toc{
    display:block!important;
    margin:0!important;
    padding:0!important;
}

.wwm-sidebar-link{
    appearance:none!important;
    display:grid!important;
    grid-template-columns:25px minmax(0,1fr)!important;
    gap:8px!important;
    align-items:start!important;
    width:100%!important;
    min-height:0!important;
    margin:0!important;
    padding:8px 7px!important;
    float:none!important;
    position:static!important;
    border:0!important;
    border-radius:6px!important;
    background:transparent!important;
    color:#4b4f58!important;
    cursor:pointer!important;
    text-align:left!important;
    box-shadow:none!important;
}

.wwm-sidebar-link span{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:23px!important;
    height:23px!important;
    border-radius:50%!important;
    background:var(--wwm-soft)!important;
    color:var(--wwm-accent)!important;
    font-size:10px!important;
    font-weight:800!important;
}

.wwm-sidebar-link strong{
    display:block!important;
    padding-top:2px!important;
    color:inherit!important;
    font-size:12.5px!important;
    line-height:1.35!important;
    font-weight:650!important;
}

.wwm-sidebar-link:hover,
.wwm-sidebar-link:focus,
.wwm-sidebar-link.is-active{
    background:var(--wwm-accent)!important;
    color:#fff!important;
    outline:0!important;
}

.wwm-sidebar-link:hover strong,
.wwm-sidebar-link:focus strong,
.wwm-sidebar-link.is-active strong{
    color:#fff!important;
}

.wwm-sidebar-link:hover span,
.wwm-sidebar-link:focus span,
.wwm-sidebar-link.is-active span{
    background:#fff!important;
    color:var(--wwm-accent)!important;
}

.wwm-main{
    display:block!important;
    min-width:0!important;
    width:100%!important;
}

.wwm-mobile-toc{
    display:none;
}

/*
 * Strict grid reset.
 * Προστατεύει το Help Center από CSS κανόνες του theme.
 */
.wwm-topic-grid{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:12px!important;
    align-items:stretch!important;
    justify-items:stretch!important;
}

.wwm-topic-card{
    display:block!important;
    width:100%!important;
    height:100%!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
    float:none!important;
    position:static!important;
    justify-self:stretch!important;
    align-self:stretch!important;
}

.wwm-actions{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:10px!important;
    align-items:stretch!important;
    justify-items:stretch!important;
}

.wwm-action-card{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
    float:none!important;
    position:static!important;
    justify-self:stretch!important;
    align-self:stretch!important;
}

.wwm-section{
    scroll-margin-top:55px!important;
}

/* Tablet */
@media(max-width:1050px){
    .wwm-layout{
        grid-template-columns:215px minmax(0,1fr)!important;
        gap:15px!important;
    }

    .wwm-topic-grid,
    .wwm-actions{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }
}

/* Mobile / small tablet */
@media(max-width:782px){
    .wwm-layout{
        display:block!important;
    }

    .wwm-sidebar{
        display:none!important;
    }

    .wwm-mobile-toc{
        display:block!important;
        margin:14px 0!important;
        border:1px solid var(--wwm-line)!important;
        border-radius:8px!important;
        background:#fff!important;
    }

    .wwm-mobile-toc summary{
        padding:12px 14px!important;
        color:var(--wwm-dark)!important;
        cursor:pointer!important;
        font-weight:750!important;
        list-style-position:inside!important;
    }

    .wwm-mobile-toc[open] summary{
        border-bottom:1px solid #eee!important;
        color:var(--wwm-accent)!important;
    }

    .wwm-mobile-toc-nav{
        display:block!important;
        max-height:55vh!important;
        overflow:auto!important;
        padding:7px!important;
    }

    .wwm-mobile-toc-link{
        display:flex!important;
        width:100%!important;
        margin:0!important;
        padding:9px!important;
        float:none!important;
        position:static!important;
    }

    .wwm-topic-grid,
    .wwm-actions{
        grid-template-columns:1fr!important;
    }

    .wwm-topic-card,
    .wwm-action-card{
        width:100%!important;
    }
}


/* ============================================================
 * v2.1.2 – Long-title wrapping + card containment
 * ============================================================ */
.wwm-layout{
    grid-template-columns:295px minmax(0,1fr)!important;
}
.wwm-sidebar-inner{
    padding:16px!important;
}
.wwm-sidebar-link{
    grid-template-columns:25px minmax(0,1fr)!important;
    gap:9px!important;
    align-items:flex-start!important;
    white-space:normal!important;
    overflow:visible!important;
}
.wwm-sidebar-link strong{
    min-width:0!important;
    max-width:100%!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
    hyphens:auto!important;
    line-height:1.4!important;
}
.wwm-sidebar-link span{
    flex:0 0 23px!important;
}
.wwm-topic-card{
    overflow:hidden!important;
    white-space:normal!important;
}
.wwm-topic-card strong,
.wwm-topic-card span{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
    hyphens:auto!important;
}
.wwm-topic-card span{
    line-height:1.5!important;
}
.wwm-action-card{
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
    line-height:1.4!important;
}
.wwm-main,
.wwm-block,
.wwm-section,
.wwm-section-content{
    min-width:0!important;
    max-width:100%!important;
}
.wwm-manual-shell{
    overflow-x:hidden!important;
}
@media(max-width:1050px){
    .wwm-layout{
        grid-template-columns:245px minmax(0,1fr)!important;
    }
}
@media(max-width:782px){
    .wwm-layout{
        display:block!important;
    }
    .wwm-mobile-toc-link{
        white-space:normal!important;
        overflow-wrap:anywhere!important;
        word-break:normal!important;
        line-height:1.4!important;
    }
}