:root{
  --dvlpc-primary:var(--dvlm-primary,var(--dvl-primary,#d18062));
  --dvlpc-secondary:var(--dvlm-secondary,var(--dvl-secondary,#a9553d));
  --dvlpc-text:var(--dvlm-text,#2b1814);
  --dvlpc-heading:var(--dvlm-heading,#1a0f0c);
  --dvlpc-border:rgba(43,24,20,.12);
  --dvlpc-soft:#fff8f4;
  --dvlpc-radius:14px;
  --dvlpc-shadow:0 16px 38px rgba(43,24,20,.07);
}

.dvlpc-wrap,
.dvlpc-wrap *{
  box-sizing:border-box;
}

.dvlpc-wrap{
  color:var(--dvlpc-text);
  direction:rtl;
  text-align:right;
}

.dvlpc-hero{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:22px;
  border:1px solid var(--dvlpc-border);
  border-radius:18px;
  background:radial-gradient(circle at 10% 0%,rgba(209,128,98,.18),transparent 36%),linear-gradient(135deg,#fffaf7,#fff);
  box-shadow:var(--dvlpc-shadow);
  margin-bottom:16px;
}

.dvlpc-hero span{
  display:block;
  color:var(--dvlpc-secondary);
  font-weight:900;
  font-size:13px;
  margin-bottom:5px;
}

.dvlpc-hero h3{
  margin:0;
  color:var(--dvlpc-heading);
  font-size:26px;
  line-height:1.2;
}

.dvlpc-hero p{
  margin:8px 0 0;
  color:#765b52;
  max-width:760px;
}

.dvlpc-hero-icon{
  display:grid;
  place-items:center;
  min-width:58px;
  height:58px;
  border-radius:16px;
  background:#fff1ea;
  border:1px solid rgba(209,128,98,.25);
  color:var(--dvlpc-secondary);
}

.dvlpc-hero-icon .dashicons{
  width:28px;
  height:28px;
  font-size:28px;
}

.dvlpc-tabs{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:0 0 16px;
}

.dvlpc-tabs a,
.dvlpc-primary-btn,
.dvlpc-secondary-btn,
.dvlpc-danger-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-height:42px;
  padding:0 15px;
  border-radius:10px;
  border:1px solid rgba(209,128,98,.24);
  text-decoration:none;
  font-weight:900;
  cursor:pointer;
  line-height:1;
  transition:.16s ease;
}

.dvlpc-tabs a{
  background:#fff;
  color:#6d3d30;
}

.dvlpc-tabs a.is-active,
.dvlpc-tabs a:hover{
  background:#fff1ea;
  color:var(--dvlpc-heading);
  border-color:rgba(209,128,98,.44);
}

.dvlpc-primary-btn{
  background:var(--dvlpc-primary);
  color:#1b0d09!important;
  border-color:rgba(255,255,255,.18);
  box-shadow:0 12px 26px rgba(209,128,98,.20);
}

.dvlpc-secondary-btn{
  background:#fff;
  color:var(--dvlpc-secondary)!important;
}

.dvlpc-danger-btn{
  background:#fff4f4;
  color:#a12626!important;
  border-color:rgba(190,57,57,.24);
}

.dvlpc-form,
.dvlpc-list-head,
.dvlpc-course-card,
.dvlpc-empty{
  border:1px solid var(--dvlpc-border);
  border-radius:18px;
  background:#fff;
  box-shadow:var(--dvlpc-shadow);
}

.dvlpc-form{
  padding:18px;
}

.dvlpc-form-head,
.dvlpc-list-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  padding:16px;
  margin-bottom:16px;
  border-radius:14px;
  background:#fff8f4;
  border:1px solid rgba(209,128,98,.18);
}

.dvlpc-form-head strong,
.dvlpc-list-head strong{
  display:block;
  color:var(--dvlpc-heading);
  font-size:18px;
  margin-bottom:4px;
}

.dvlpc-form-head span,
.dvlpc-list-head span{
  display:block;
  color:#7c6158;
  font-size:14px;
}

.dvlpc-field{
  display:block;
  margin-bottom:16px;
  font-weight:900;
  color:var(--dvlpc-heading);
}

.dvlpc-field span,
.dvlpc-editor-field>label{
  display:block;
  margin-bottom:8px;
  font-weight:900;
  color:var(--dvlpc-heading);
}

.dvlpc-field input[type="text"]{
  width:100%;
  min-height:46px;
  border:1px solid rgba(43,24,20,.16);
  border-radius:10px;
  background:#fff;
  padding:0 12px;
  color:var(--dvlpc-text);
  outline:none;
}

.dvlpc-field input[type="text"]:focus{
  border-color:var(--dvlpc-primary);
  box-shadow:0 0 0 3px rgba(209,128,98,.16);
}

.dvlpc-editor-field{
  margin-bottom:16px;
}

.dvlpc-editor-field .wp-editor-wrap{
  border-radius:14px;
  overflow:hidden;
  border:1px solid rgba(43,24,20,.12);
}

.dvlpc-files-box,
.dvlpc-existing-files{
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
  padding:14px;
  border:1px dashed rgba(209,128,98,.34);
  border-radius:14px;
  background:#fffaf7;
  margin-bottom:16px;
}

.dvlpc-files-box strong,
.dvlpc-existing-files>strong{
  color:var(--dvlpc-heading);
  font-size:16px;
}

.dvlpc-files-box p{
  margin:5px 0 0;
  color:#775d54;
  font-size:13px;
}

.dvlpc-files-box input[type="file"]{
  width:100%;
  min-height:42px;
  padding:8px;
  background:#fff;
  border:1px solid rgba(43,24,20,.12);
  border-radius:10px;
}

.dvlpc-file-list{
  display:grid;
  gap:8px;
}

.dvlpc-file-item{
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:8px;
  padding:10px 12px;
  border:1px solid rgba(43,24,20,.10);
  border-radius:12px;
  background:#fff;
}

.dvlpc-file-item a{
  color:var(--dvlpc-secondary);
  font-weight:800;
  text-decoration:none;
  word-break:break-word;
}

.dvlpc-remove-file{
  display:inline-flex;
  align-items:center;
  gap:5px;
  color:#9a2b2b;
  font-weight:800;
  font-size:13px;
}

.dvlpc-form-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.dvlpc-course-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}

.dvlpc-course-card{
  padding:16px;
}

.dvlpc-course-card-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:10px;
}

.dvlpc-status{
  display:inline-flex;
  align-items:center;
  min-height:26px;
  padding:0 9px;
  border-radius:999px;
  font-weight:900;
  font-size:12px;
  background:#fff2ea;
  color:#88442f;
}

.dvlpc-status-publish{
  background:#f1fbf4;
  color:#237144;
}

.dvlpc-status-pending{
  background:#fff8e8;
  color:#8a5a00;
}

.dvlpc-status-draft{
  background:#f5f5f5;
  color:#555;
}

.dvlpc-date{
  color:#80655b;
  font-size:12px;
  font-weight:700;
}

.dvlpc-course-card h4{
  margin:0 0 8px;
  color:var(--dvlpc-heading);
  font-size:18px;
  line-height:1.35;
}

.dvlpc-course-card p{
  margin:0 0 12px;
  color:#6e5650;
}

.dvlpc-course-meta{
  display:flex;
  gap:8px;
  color:#7e5e53;
  font-size:13px;
  font-weight:800;
  margin-bottom:13px;
}

.dvlpc-course-meta span{
  display:inline-flex;
  align-items:center;
  gap:5px;
}

.dvlpc-card-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
}

.dvlpc-delete-form{
  margin:0;
}

.dvlpc-empty{
  text-align:center;
  padding:38px 20px;
}

.dvlpc-empty>.dashicons{
  width:46px;
  height:46px;
  font-size:46px;
  color:var(--dvlpc-secondary);
  margin-bottom:10px;
}

.dvlpc-empty strong{
  display:block;
  color:var(--dvlpc-heading);
  font-size:18px;
  margin-bottom:6px;
}

.dvlpc-empty p{
  margin:0 0 16px;
  color:#765d55;
}

.dvlpc-pagination{
  display:flex;
  justify-content:center;
  gap:8px;
  margin-top:18px;
}

.dvlpc-pagination a{
  display:grid;
  place-items:center;
  min-width:36px;
  height:36px;
  border-radius:10px;
  border:1px solid rgba(209,128,98,.24);
  text-decoration:none;
  color:var(--dvlpc-secondary);
  font-weight:900;
}

.dvlpc-pagination a.is-active{
  background:#fff1ea;
  color:var(--dvlpc-heading);
}

.dvlpc-notice{
  margin:0 0 14px;
  padding:12px 14px;
  border-radius:12px;
  border:1px solid rgba(80,120,160,.22);
  background:#f3f8fc;
  color:#274c68;
  font-weight:800;
}

.dvlpc-notice-success{
  border-color:rgba(42,137,82,.24);
  background:#f3fbf6;
  color:#245738;
}

.dvlpc-notice-error{
  border-color:rgba(190,57,57,.24);
  background:#fff4f4;
  color:#7b2525;
}

.dvlpc-notice-warning{
  border-color:rgba(209,128,98,.40);
  background:#fff8ed;
  color:#73431f;
}

@media(max-width:760px){
  .dvlpc-hero,
  .dvlpc-form-head,
  .dvlpc-list-head{
    display:block;
  }

  .dvlpc-hero-icon{
    margin-top:12px;
  }

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

  .dvlpc-tabs,
  .dvlpc-form-actions,
  .dvlpc-card-actions{
    display:grid;
  }

  .dvlpc-tabs a,
  .dvlpc-primary-btn,
  .dvlpc-secondary-btn,
  .dvlpc-danger-btn{
    width:100%;
  }

  .dvlpc-file-item{
    grid-template-columns:auto 1fr;
  }

  .dvlpc-remove-file{
    grid-column:1/-1;
  }
}
