/* Campus CyberSafe v2: accessible interactions and RTL improvements */
.v2-action-box,.v2-advice,.v2-home-note{border:1px solid #2a4355;border-radius:16px;background:linear-gradient(130deg,#101e31,#102638);padding:24px;margin-top:20px;box-shadow:0 16px 45px rgba(0,0,0,.10)}
.v2-action-box h3{font-size:18px;letter-spacing:-.02em;margin:0 0 8px;color:#f3faff}
.v2-action-box p,.v2-advice p{font-size:13px;line-height:1.75;color:#a7bed2;margin:0 0 17px}
.v2-advice{display:flex;gap:18px;align-items:flex-start;background:linear-gradient(130deg,#0b202c,#101e31)}
.v2-advice strong{display:block;margin-bottom:8px;font-size:14px;color:#e4fff8}.v2-advice p{margin:0}
.v2-mark{border:1px solid #276d6b;background:#123a40;padding:12px 14px;border-radius:12px;color:#66f5d6;font-weight:850}
.v2-control-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:14px 0}
.v2-control-row .button{min-height:46px;padding:11px 16px}.v2-select{border:1px solid #395369;border-radius:9px;background:#091522;color:#edf7ff;min-height:46px;padding:8px 13px;font-size:13px}
.v2-select:focus-visible,.v2-file:focus-visible{outline:2px solid #52e8cb;outline-offset:3px}
.v2-feedback{color:#9ac7dc;font-size:12px;line-height:1.8;overflow-wrap:anywhere}.v2-match{color:#66edcd}.v2-diff{color:#ffb5a1}.v2-inline-note{font-size:12px;line-height:1.65;color:#78edd3;margin-top:12px;overflow-wrap:anywhere}
.v2-file-label{display:flex;flex-direction:column;min-width:210px;gap:8px;flex:1;font-size:12px;color:#c2d6e7}
.v2-file{width:100%;min-width:0;max-width:100%;border:1px solid #39536a;border-radius:9px;padding:12px 9px;color:#afcadb;background:#081727}
.v2-file::file-selector-button{border:1px solid #46747e;border-radius:7px;padding:8px 10px;color:#e4fff6;background:#19424d;cursor:pointer;margin-inline-end:9px}
.v2-action-box>.button{margin-bottom:12px}.v2-next{color:#8ee6d3!important;font-weight:650}
.v2-home-note{margin-top:-22px;margin-bottom:38px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:18px 22px;border-color:#204754;background:linear-gradient(90deg,rgba(34,128,128,.15),rgba(15,27,45,.7))}
.v2-home-note strong{color:#a6ffec;font-size:13px}.v2-home-note span{color:#b2c9dc;font-size:12px;line-height:1.6}
/* Prevent score and reveal button from overlapping in Kurdish RTL. */
.password-wrap{position:relative}.password-wrap input{padding-inline-end:54px!important}.password-wrap .show-toggle{position:absolute;top:50%;transform:translateY(-50%);inset-inline-end:7px;inset-inline-start:auto;z-index:1;display:flex;align-items:center;justify-content:center;width:37px;height:37px}
html[dir="rtl"] .password-wrap input{padding-left:54px!important;padding-right:14px!important}
html[dir="rtl"] .password-wrap .show-toggle{left:7px;right:auto}
html[dir="rtl"] .v2-action-box,html[dir="rtl"] .v2-advice,html[dir="rtl"] .v2-home-note{text-align:right}
html[dir="rtl"] .v2-file{direction:rtl}
html[dir="rtl"] .v2-select{direction:rtl}
@media(max-width:720px){.v2-action-box,.v2-advice{padding:18px}.v2-file-label{min-width:100%}.v2-control-row .button{flex:1}.v2-home-note{margin-top:-10px;margin-bottom:25px}.v2-mark{padding:9px 11px}}
@media(prefers-reduced-motion:reduce){.v2-action-box,.v2-home-note,.v2-advice{animation:none;transition:none}}
/* Project identity spacing */
.sidebar-project{gap:11px;padding:17px 6px 0;min-width:0}
.sidebar-project-icon{width:37px;height:37px;flex:0 0 37px;display:grid;place-items:center;border:1px solid rgba(82,232,203,.25);border-radius:12px;color:#62ead2;background:linear-gradient(145deg,rgba(82,232,203,.14),rgba(82,232,203,.045))}
.sidebar-project-icon svg{display:block;width:22px;height:22px}
.sidebar-project-text{flex:1;min-width:0}
.sidebar-project-text strong{font-size:12px;font-weight:800;line-height:1.4;color:#ecf7ff;overflow-wrap:anywhere}
.sidebar-project-text span{font-size:10px;line-height:1.5;color:#91a9be;margin-top:3px;overflow-wrap:anywhere}
.sidebar-project-indicator{height:7px;width:7px;flex:0 0 7px;background:var(--teal);border-radius:50%;box-shadow:0 0 12px rgba(82,232,203,.45)}
html[dir="rtl"] .sidebar-project-text{text-align:right}
html[dir="ltr"] .sidebar-project-text{text-align:left}