.course-admin-hub{
    --cah-green:#173b2c;
    --cah-green-2:#1f4a38;
    --cah-gold:#b98935;
    --cah-paper:#fbfaf7;
    --cah-card:#fff;
    --cah-border:#e7e2d8;
    --cah-muted:#667085;
    --cah-danger:#a83a3a;
    width:min(1500px,calc(100% - 32px));
    margin:0 auto;
    padding:22px 0 44px;
    direction:rtl;
    color:#25332d;
    font-family:"Cairo",sans-serif;
}

.course-admin-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    padding:4px 0 18px;
}

.course-admin-title{
    min-width:0;
}

.course-admin-eyebrow{
    display:block;
    margin-bottom:3px;
    color:var(--cah-gold);
    font-size:12px;
    font-weight:800;
}

.course-admin-title h1{
    margin:0;
    color:var(--cah-green);
    font-size:clamp(25px,3vw,36px);
    line-height:1.3;
    letter-spacing:-.5px;
}

.course-admin-top-actions{
    display:flex;
    gap:9px;
    flex-wrap:wrap;
    justify-content:flex-start;
}

.course-admin-primary,
.course-admin-secondary,
.course-admin-icon-button{
    appearance:none;
    border:0;
    font:inherit;
    font-weight:900;
    cursor:pointer;
    transition:transform .16s ease,box-shadow .16s ease,background .16s ease;
}

.course-admin-primary{
    min-height:42px;
    padding:9px 16px;
    border-radius:12px;
    background:var(--cah-green-2);
    color:#fff;
    box-shadow:0 8px 18px rgba(31,74,56,.12);
}

.course-admin-primary:hover{
    transform:translateY(-1px);
    box-shadow:0 11px 24px rgba(31,74,56,.16);
}

.course-admin-secondary{
    min-height:42px;
    padding:9px 14px;
    border:1px solid var(--cah-border);
    border-radius:12px;
    background:#fff;
    color:var(--cah-green);
}

.course-admin-toolbar{
    display:grid;
    grid-template-columns:minmax(240px,560px) auto;
    gap:12px;
    align-items:center;
    margin-bottom:22px;
    padding:10px;
    border:1px solid var(--cah-border);
    border-radius:16px;
    background:#fff;
    box-shadow:0 10px 28px rgba(23,59,44,.045);
}

.course-admin-search{
    min-width:0;
    display:grid;
    grid-template-columns:28px minmax(0,1fr);
    align-items:center;
    gap:7px;
    height:44px;
    padding:0 12px;
    border:1px solid #ded9cf;
    border-radius:12px;
    background:var(--cah-paper);
}

.course-admin-search span{
    color:var(--cah-green);
    font-size:22px;
    line-height:1;
}

.course-admin-search input{
    width:100%;
    min-width:0;
    border:0;
    outline:0;
    background:transparent;
    color:#22382e;
    font:inherit;
    font-size:14px;
}

.course-admin-count{
    white-space:nowrap;
    color:var(--cah-muted);
    font-size:13px;
    font-weight:800;
}

.course-admin-content{
    display:grid;
    gap:24px;
}

.course-grade-section{
    min-width:0;
}

.course-grade-head{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:12px;
    margin-bottom:10px;
}

.course-grade-head span{
    display:block;
    margin-bottom:1px;
    color:var(--cah-gold);
    font-size:11px;
    font-weight:800;
}

.course-grade-head h2{
    margin:0;
    color:var(--cah-green);
    font-size:20px;
}

.course-grade-head>b{
    color:var(--cah-muted);
    font-size:12px;
}

.course-grade-row{
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(230px,1fr));
    gap:12px;
}

.course-admin-card{
    min-width:0;
    overflow:hidden;
    border:1px solid var(--cah-border);
    border-radius:17px;
    background:var(--cah-card);
    box-shadow:0 7px 24px rgba(23,59,44,.05);
}

.course-admin-card-media{
    position:relative;
    aspect-ratio:16 / 9;
    height:auto;
    min-height:0;
    overflow:hidden;
    background:linear-gradient(135deg,#ecf4ef,#f7f0e2);
}

.course-admin-card-media img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
}

.course-admin-card-media.is-empty{
    display:grid;
    place-items:center;
}

.course-admin-card-media.is-empty>span{
    display:grid;
    width:56px;
    height:56px;
    place-items:center;
    border-radius:18px;
    background:rgba(255,255,255,.84);
    color:var(--cah-green);
    font-size:27px;
    font-weight:900;
    box-shadow:0 8px 22px rgba(23,59,44,.08);
}

.course-admin-status{
    position:absolute;
    top:9px;
    right:9px;
    display:inline-flex;
    min-height:25px;
    align-items:center;
    padding:3px 9px;
    border:1px solid rgba(255,255,255,.72);
    border-radius:999px;
    font-style:normal;
    font-size:10px;
    font-weight:900;
    backdrop-filter:blur(5px);
}

.course-admin-status.is-live{
    background:rgba(228,245,233,.92);
    color:#17603c;
}

.course-admin-status.is-hidden{
    background:rgba(248,239,239,.94);
    color:#9d3d3d;
}

.course-admin-card-body{
    display:grid;
    gap:7px;
    padding:13px;
}

.course-admin-card-body>small{
    color:var(--cah-gold);
    font-size:11px;
    font-weight:800;
}

.course-admin-card h3{
    min-width:0;
    margin:0;
    overflow:hidden;
    color:var(--cah-green);
    font-size:16px;
    line-height:1.5;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.course-admin-card-meta{
    min-height:22px;
    min-width:0;
}

.course-admin-card-meta span{
    display:block;
    overflow:hidden;
    color:#8a918d;
    font-size:10px;
    direction:ltr;
    text-align:right;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.course-admin-card-actions{
    display:grid;
    grid-template-columns:minmax(0,1.55fr) minmax(52px,.72fr) minmax(52px,.72fr);
    gap:7px;
    margin-top:4px;
}

.course-admin-manage{
    width:100%;
    min-height:40px;
    padding:8px 12px;
    font-size:12px;
}

.course-admin-icon-button{
    display:grid;
    min-height:40px;
    place-items:center;
    border:1px solid var(--cah-border);
    border-radius:11px;
    background:#fff;
    color:var(--cah-green);
    font-size:18px;
}

.course-admin-state-card{
    display:flex;
    gap:13px;
    align-items:center;
    min-height:120px;
    padding:18px;
    border:1px solid var(--cah-border);
    border-radius:17px;
    background:#fff;
}

.course-admin-state-icon{
    flex:0 0 auto;
    display:grid;
    width:44px;
    height:44px;
    place-items:center;
    border-radius:14px;
    background:#f4eee3;
    color:var(--cah-gold);
    font-size:20px;
    font-weight:900;
}

.course-admin-state-card strong{
    display:block;
    color:var(--cah-green);
}

.course-admin-state-card p{
    margin:4px 0 0;
    color:var(--cah-muted);
    font-size:13px;
    line-height:1.8;
}

.course-admin-state-card--error .course-admin-state-icon{
    background:#fbecec;
    color:var(--cah-danger);
}

.course-admin-skeletons{
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(230px,1fr));
    gap:12px;
}

.course-admin-skeleton{
    min-height:205px;
    overflow:hidden;
    border:1px solid var(--cah-border);
    border-radius:17px;
    background:#fff;
}

.course-admin-skeleton span,
.course-admin-skeleton i,
.course-admin-skeleton b{
    display:block;
    position:relative;
    overflow:hidden;
    background:#f0eee9;
}

.course-admin-skeleton span{
    height:120px;
}

.course-admin-skeleton i{
    width:35%;
    height:10px;
    margin:14px 13px 8px;
    border-radius:999px;
}

.course-admin-skeleton b{
    width:70%;
    height:16px;
    margin:0 13px;
    border-radius:999px;
}

.course-admin-skeleton span::after,
.course-admin-skeleton i::after,
.course-admin-skeleton b::after{
    content:"";
    position:absolute;
    inset:0;
    transform:translateX(-100%);
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),transparent);
    animation:courseAdminShimmer 1.25s infinite;
}

@keyframes courseAdminShimmer{
    100%{transform:translateX(100%)}
}

@media (max-width:700px){
    .course-admin-hub{
        width:min(100% - 20px,1500px);
        padding-top:12px;
    }

    .course-admin-top{
        align-items:flex-start;
        gap:10px;
    }

    .course-admin-title h1{
        font-size:23px;
    }

    .course-admin-eyebrow{
        display:none;
    }

    .course-admin-top-actions{
        flex:0 0 auto;
    }

    .course-admin-secondary{
        display:none;
    }

    .course-admin-card-actions .course-admin-secondary{
        display:inline-flex;
    }

    .course-admin-primary[data-course-create]{
        min-height:38px;
        padding:7px 10px;
        border-radius:10px;
        font-size:11px;
    }

    .course-admin-toolbar{
        grid-template-columns:minmax(0,1fr) auto;
        margin-bottom:17px;
        padding:7px;
        border-radius:13px;
    }

    .course-admin-search{
        height:40px;
        grid-template-columns:23px minmax(0,1fr);
        padding:0 8px;
    }

    .course-admin-search input{
        font-size:12px;
    }

    .course-grade-head{
        margin-bottom:8px;
    }

    .course-grade-head h2{
        font-size:17px;
    }

    .course-grade-row,
    .course-admin-skeletons{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:8px;
    }

    .course-admin-card{
        border-radius:14px;
    }

    .course-admin-card-media{
        height:auto;
        aspect-ratio:16 / 9;
    }

    .course-admin-card-media.is-empty>span{
        width:42px;
        height:42px;
        border-radius:13px;
        font-size:21px;
    }

    .course-admin-status{
        top:6px;
        right:6px;
        min-height:22px;
        padding:2px 7px;
        font-size:9px;
    }

    .course-admin-card-body{
        gap:5px;
        padding:9px;
    }

    .course-admin-card h3{
        font-size:13px;
    }

    .course-admin-card-body>small{
        font-size:9px;
    }

    .course-admin-card-meta{
        min-height:17px;
    }

    .course-admin-card-meta span{
        font-size:8px;
    }

    .course-admin-card-actions{
        grid-template-columns:minmax(0,1.45fr) minmax(48px,.72fr) minmax(48px,.72fr);
        gap:5px;
    }

    .course-admin-manage,
    .course-admin-icon-button{
        min-height:34px;
        border-radius:9px;
    }

    .course-admin-manage{
        padding:6px;
        font-size:10px;
    }

    .course-admin-icon-button{
        font-size:15px;
    }

    .course-admin-skeleton{
        min-height:160px;
    }

    .course-admin-skeleton span{
        height:86px;
    }
}

@media (max-width:350px){
    .course-grade-row,
    .course-admin-skeletons{
        grid-template-columns:1fr;
    }

    .course-admin-count{
        display:none;
    }

    .course-admin-toolbar{
        grid-template-columns:1fr;
    }
}

/* COURSE-2D — hub inside canonical dashboard layout */
.pro-content .course-admin-hub{width:100%;max-width:none;margin:0;padding-top:0}
.pro-content .course-admin-top{margin-top:0}
@media (max-width:900px){.pro-content .course-admin-hub{padding-inline:0}}


/* COURSE_6B1_V3_HUB_PRICE_AND_ACTIONS */
.course-admin-card-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.course-admin-card-meta .course-admin-slug{min-width:0;flex:1 1 auto}
.course-admin-price{display:inline-flex;flex:0 0 auto;align-items:center;gap:6px;direction:rtl;white-space:nowrap}
.course-admin-price strong{color:#b4770f;font-size:13px;font-weight:900}
.course-admin-price del{color:#8b928e;font-size:10px}
.course-admin-price.is-free{color:#267454;font-size:12px;font-weight:900}
.course-admin-preview-btn{min-width:0;align-items:center;justify-content:center;padding-inline:8px;white-space:nowrap}
@media (max-width:700px){
  .course-admin-card-meta{gap:5px}
  .course-admin-price strong{font-size:10px}
  .course-admin-price del{font-size:8px}
  .course-admin-price.is-free{font-size:9px}
  .course-admin-card-actions.course-admin-card-actions--three button{min-height:34px;padding-inline:5px;border-radius:9px;font-size:9px}
}

/* COURSE_6B2_CANONICAL_CREATE_COURSE */
.course-create-backdrop{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:20px;background:rgba(12,31,24,.58);backdrop-filter:blur(5px)}
.course-create-backdrop[hidden]{display:none}
.course-create-dialog{width:min(680px,100%);max-height:min(90vh,760px);overflow:auto;border:1px solid rgba(188,143,57,.24);border-radius:22px;background:#fff;box-shadow:0 28px 80px rgba(10,38,27,.24)}
.course-create-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:22px 22px 16px;border-bottom:1px solid #e9eee9;background:linear-gradient(135deg,#f8fbf8,#fbf7ee)}
.course-create-head span{color:#b4770f;font-size:11px;font-weight:900}
.course-create-head h2{margin:3px 0 2px;color:#173f32;font-size:24px}
.course-create-head p{margin:0;color:#7d8781;font-size:12px}
.course-create-close{flex:0 0 auto;width:36px;height:36px;border:1px solid #dce4de;border-radius:11px;background:#fff;color:#486157;font-size:22px;cursor:pointer}
.course-create-form{display:grid;gap:16px;padding:20px 22px 22px}
.course-create-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.course-create-field{display:grid;gap:6px;min-width:0}
.course-create-field--full{grid-column:1/-1}
.course-create-field>span{color:#324b41;font-size:11px;font-weight:900}
.course-create-field input,.course-create-field select{width:100%;min-width:0;min-height:43px;padding:8px 11px;border:1px solid #d9e2dc;border-radius:11px;outline:none;background:#fff;color:#173f32;font:inherit}
.course-create-field input:focus,.course-create-field select:focus{border-color:#b9903e;box-shadow:0 0 0 3px rgba(185,144,62,.10)}
.course-create-field input:disabled{background:#f3f5f3;color:#9aa29d}
.course-create-switches{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.course-create-switches label{display:flex;align-items:center;gap:8px;min-height:42px;padding:8px 11px;border:1px solid #e0e6e1;border-radius:11px;background:#fafcfa;color:#334c42;font-size:11px;font-weight:800}
.course-create-switches input{accent-color:#1d684b}
.course-create-note{margin:0;padding:10px 12px;border-radius:10px;background:#f8f5ed;color:#756b55;font-size:10px;line-height:1.8}
.course-create-error{padding:10px 12px;border:1px solid #efcaca;border-radius:10px;background:#fff2f2;color:#9b3434;font-size:11px;font-weight:800}
.course-create-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:3px}
.course-create-actions button{min-height:41px;padding-inline:16px}
@media (max-width:600px){
  .course-create-backdrop{padding:10px}
  .course-create-dialog{width:100%;max-height:94vh;border-radius:17px}
  .course-create-head{padding:16px 15px 12px}
  .course-create-head h2{font-size:20px}
  .course-create-form{gap:12px;padding:14px 15px 16px}
  .course-create-grid{grid-template-columns:1fr}
  .course-create-actions{display:grid;grid-template-columns:.8fr 1.2fr}
  .course-create-actions button{width:100%;min-width:0;padding-inline:8px;font-size:10px}
}