.elementor-1601 .elementor-element.elementor-element-3c066ee{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:140px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1601 .elementor-element.elementor-element-58dd1dd{text-align:center;}.elementor-1601 .elementor-element.elementor-element-58dd1dd .elementor-heading-title{color:#000000;}.elementor-1601 .elementor-element.elementor-element-ab2dc26{--display:flex;}.elementor-1601 .elementor-element.elementor-element-6153366{background-color:#9D9D9D00;}.elementor-1601 .elementor-element.elementor-element-0d3c960{--display:flex;}.elementor-1601 .elementor-element.elementor-element-d2aa878{--display:flex;}.elementor-1601 .elementor-element.elementor-element-4f27b96{background-color:#9D9D9D00;}.elementor-1601 .elementor-element.elementor-element-4e98d1d{--display:flex;}.elementor-1601 .elementor-element.elementor-element-6c7ae26{background-color:#9D9D9D00;}.elementor-1601 .elementor-element.elementor-element-7d23955{--display:flex;}.elementor-1601 .elementor-element.elementor-element-7f4dd84{background-color:#9D9D9D00;}.elementor-1601 .elementor-element.elementor-element-331c55f{--display:flex;}.elementor-1601 .elementor-element.elementor-element-177b598{background-color:#9D9D9D00;}.elementor-1601 .elementor-element.elementor-element-fba4a0b{background-color:#9D9D9D00;}.elementor-1601 .elementor-element.elementor-element-3d7ee6e{--display:flex;}.elementor-1601 .elementor-element.elementor-element-8d2c3a1{width:var( --container-widget-width, 80% );max-width:80%;background-color:#DBEBE1;padding:30px 30px 30px 30px;--container-widget-width:80%;--container-widget-flex-grow:0;border-radius:10px 10px 10px 10px;}.elementor-1601 .elementor-element.elementor-element-8d2c3a1.elementor-element{--align-self:center;}.elementor-1601 .elementor-element.elementor-element-26dd4ac{--display:flex;}.elementor-1601 .elementor-element.elementor-element-e2873a7{width:var( --container-widget-width, 80% );max-width:80%;background-color:#000000;padding:30px 30px 30px 30px;--container-widget-width:80%;--container-widget-flex-grow:0;border-radius:10px 10px 10px 10px;}.elementor-1601 .elementor-element.elementor-element-e2873a7.elementor-element{--align-self:center;}.elementor-1601 .elementor-element.elementor-element-e8cfb6e{--n-tabs-direction:row;--n-tabs-heading-direction:column;--n-tabs-heading-width:18%;--n-tabs-title-flex-basis:content;--n-tabs-title-flex-shrink:initial;width:var( --container-widget-width, 97% );max-width:97%;background-color:#FFFFFF00;margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:97%;--container-widget-flex-grow:0;--n-tabs-heading-justify-content:flex-start;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:flex-start;--n-tabs-heading-wrap:wrap;--n-tabs-title-justify-content:flex-start;--n-tabs-title-text-align:start;--n-tabs-title-border-radius:11px 11px 11px 11px;--n-tabs-title-padding-top:0px;--n-tabs-title-padding-right:0px;--n-tabs-title-padding-bottom:0px;--n-tabs-title-padding-left:0px;--n-tabs-title-font-size:12px;--n-tabs-title-color:#000000;--n-tabs-title-color-active:#FFFFFF;}.elementor-1601 .elementor-element.elementor-element-e8cfb6e > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#CCCCCC;}.elementor-1601 .elementor-element.elementor-element-e8cfb6e.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-1601 .elementor-element.elementor-element-e8cfb6e.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#13812B;}.elementor-1601 .elementor-element.elementor-element-e8cfb6e.elementor-element{--align-self:center;}.elementor-1601 .elementor-element.elementor-element-e8cfb6e.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){border-style:solid;border-width:1px 1px 1px 1px;border-color:#13812B;}.elementor-1601 .elementor-element.elementor-element-e8cfb6e.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-weight:500;}@media(max-width:767px){.elementor-1601 .elementor-element.elementor-element-0d3c960{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1601 .elementor-element.elementor-element-331c55f{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1601 .elementor-element.elementor-element-3d7ee6e{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1601 .elementor-element.elementor-element-8d2c3a1{width:100%;max-width:100%;padding:15px 15px 15px 15px;}.elementor-1601 .elementor-element.elementor-element-26dd4ac{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1601 .elementor-element.elementor-element-e2873a7{width:100%;max-width:100%;}}/* Start custom CSS for shortcode, class: .elementor-element-6153366 *//* =========================================
   STUDENT CABINET - "МОЇ ЗАМОВЛЕННЯ" STYLE
   (WP Job Manager Dashboard)
   ========================================= */

/* Загальний контейнер dashboard */
#job-manager-job-dashboard{
  margin: 0 auto;
  padding: 22px;
  border-radius: 8px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
}

/* Верхня панель: пошук + кнопка */
#job-manager-job-dashboard .jm-dashboard__intro{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-bottom: 1px solid #e2e8f0;
}

/* Поле пошуку */
#job-manager-job-dashboard input[type="search"]{
  width: 320px;
  max-width: 100%;
  border: 1px solid #000000;
  background: #fff;
  border-radius: 12px;
  padding: 10px 12px;
  outline: none;
  transition: 0.2s ease;
  color: #000000;
}

#job-manager-job-dashboard input[type="search"]:focus{
  border-color: #22c55e;
  box-shadow: 0 0 0 4px rgba(34,197,94,0.15);
}

/* Кнопка "Створити замовлення" */
#job-manager-job-dashboard .jm-dashboard__actions a.jm-ui-button{
  background: #22c55e !important;
  color: #ffffff !important;
  border: 0 !important;
  border-radius: 12px !important;
  padding: 10px 16px !important;
  font-weight: 700;
  transition: 0.2s ease;
}

#job-manager-job-dashboard .jm-dashboard__actions a.jm-ui-button:hover{
  transform: translateY(-1px);
  opacity: 0.95;
}

/* Шапка таблиці */
#job-manager-job-dashboard .jm-dashboard-header{
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  padding: 12px 14px;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 10px;
}

/* Рядок замовлення */
#job-manager-job-dashboard .jm-dashboard-job{
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  padding: 14px;
  margin-bottom: 12px;
  transition: 0.2s ease;
}

#job-manager-job-dashboard .jm-dashboard-job:hover{
  box-shadow: 0 10px 22px rgba(0,0,0,0.06);
  transform: translateY(-1px);
}

/* Назва замовлення */
#job-manager-job-dashboard a.job-title{
  font-weight: 700;
  color: #0f172a;
  text-decoration: none;
}

#job-manager-job-dashboard a.job-title:hover{
  color: #16a34a;
  text-decoration: underline;
}

/* Статус "Активна" */
#job-manager-job-dashboard .job-status .job-status-publish{
  display: inline-block;
  margin-top: 6px;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 700;
  background: rgba(34,197,94,0.12);
  color: #16a34a;
}

/* Малі тексти (expires, views) */
#job-manager-job-dashboard small,
#job-manager-job-dashboard .job-expires{
  color: #64748b;
  font-size: 12px;
}

/* Кнопка "Відмітити закритою" */
#job-manager-job-dashboard .jm-ui-button--outline{
  border-radius: 12px !important;
  border: 1px solid #e2e8f0 !important;
  background: #ffffff !important;
  color: #0f172a !important;
  font-weight: 600;
  padding: 8px 12px !important;
  transition: 0.2s ease;
}

#job-manager-job-dashboard .jm-ui-button--outline:hover{
  border-color: #22c55e !important;
  color: #16a34a !important;
}

/* Меню "..." */
#job-manager-job-dashboard summary.jm-ui-action-menu__open-button{
  border-radius: 12px !important;
  border: 1px solid #e2e8f0 !important;
  background: #f8fafc !important;
  transition: 0.2s ease;
}

#job-manager-job-dashboard summary.jm-ui-action-menu__open-button:hover{
  border-color: #22c55e !important;
}

/* Випадаюче меню */
#job-manager-job-dashboard .jm-ui-action-menu__content{
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  background: #ffffff;
  box-shadow: 0 14px 30px rgba(0,0,0,0.08);
  padding: 10px;
}

/* Посилання в меню */
#job-manager-job-dashboard .jm-ui-action-menu__content a{
  display: block;
  padding: 8px 10px;
  border-radius: 10px;
  color: #0f172a;
  text-decoration: none;
  font-weight: 600;
}

#job-manager-job-dashboard .jm-ui-action-menu__content a:hover{
  background: #f1f5f9;
}

/* Адаптація під телефон */
@media (max-width: 768px){
  #job-manager-job-dashboard{
    padding: 14px;
  }

  #job-manager-job-dashboard .jm-dashboard__intro{
    flex-direction: column;
    align-items: stretch;
  }

  #job-manager-job-dashboard input[type="search"]{
    width: 100%;
  }
}


/* =====================================
   STUDOK — ACCOUNT CENTER PREMIUM STYLE
===================================== */


/* MAIN CONTAINER */

.um.um-account {

    background: #ffffff;
    padding: 32px !important;

    border-radius: 16px !important;

    box-shadow: 
        0 10px 30px rgba(0,0,0,0.05),
        0 2px 6px rgba(0,0,0,0.04);


}


/* AVATAR */

.um-account-meta-img img {

    width: 90px !important;
    height: 90px !important;

    border-radius: 50% !important;

    border: 4px solid #ecfdf5;

    box-shadow: 0 5px 15px rgba(0,0,0,0.08);

}


/* USERNAME */

.um-account-name a {

    font-size: 14px !important;
    font-weight: 600 !important;

    color: #111827 !important;

}


/* PROFILE LINK */

.um-account-profile-link a {

    color: #22c55e !important;

    font-weight: 500 !important;

}


/* FIELD CONTAINER */

.um-field {

    margin-bottom: 20px !important;

}


/* LABEL */

.um-field-label label {

    font-size: 14px !important;

    font-weight: 600 !important;

    color: #374151 !important;

    margin-bottom: 6px !important;

}


/* INPUT */

.um-form-field {

    height: 44px !important;

    border-radius: 10px !important;

    border: 1px solid #e5e7eb !important;

    padding: 0 14px !important;

    font-size: 15px !important;

    transition: all 0.2s ease;

}


/* INPUT HOVER */

.um-form-field:hover {

    border-color: #22c55e !important;

}


/* INPUT FOCUS */

.um-form-field:focus {

    border-color: #22c55e !important;

    box-shadow: 0 0 0 3px rgba(34,197,94,0.15);

    outline: none !important;

}


/* BUTTON */

.um-button {

    background: linear-gradient(135deg,#22c55e,#16a34a) !important;

    border: none !important;

    color: white !important;

    height: 44px;

    padding: 0 24px !important;

    border-radius: 10px !important;

    font-weight: 600 !important;

    box-shadow: 0 6px 18px rgba(34,197,94,0.25);

    transition: all 0.25s ease;

}


/* BUTTON HOVER */

.um-button:hover {

    transform: translateY(-2px);

    box-shadow: 0 10px 22px rgba(34,197,94,0.35);

}


/* HEADING */

.um-account-heading {

    font-size: 20px !important;

    font-weight: 600 !important;

    margin-bottom: 24px !important;

    color: #111827;

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ab2dc26 *//* ==============================
   DASHBOARD LAYOUT
================================ */
.studok-dashboard {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* ==============================
   ORDER CARD
================================ */
.studok-order-item {
    background: #ffffff;
    border-radius: 14px;
    padding: 22px;
    box-shadow: 0 8px 28px rgba(0,0,0,0.08);
    transition: transform .2s ease, box-shadow .2s ease;
}

.studok-order-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 36px rgba(0,0,0,0.12);
}

/* ==============================
   TITLE
================================ */
.studok-order-title,
.studok-order-item h3 {
    margin: 0 0 14px;
    font-size: 18px;
    font-weight: 600;
    color: #111827;
}

/* ==============================
   META (BADGES)
================================ */
.studok-order-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 14px;
}

.studok-order-meta span {
    background: #f3f4f6;
    padding: 6px 12px;
    border-radius: 999px;
    font-size: 13px;
    color: #374151;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    line-height: 1;
}

/* Highlighted meta */
.meta-budget {
    background: #ecfdf5;
    color: #065f46;
}

.meta-deadline {
    background: #fff7ed;
    color: #9a3412;
}

/* ==============================
   DESCRIPTION
================================ */
.studok-order-description {
    margin-top: 10px;
    font-size: 14px;
    color: #374151;
}

.studok-order-description strong {
    display: block;
    margin-bottom: 4px;
    color: #111827;
}

.studok-order-description p {
    margin: 0;
    line-height: 1.5;
}

/* ==============================
   FILES
================================ */
.studok-order-files {
    margin-top: 10px;
    font-size: 14px;
}

.studok-order-files a {
    color: #2563eb;
    font-weight: 500;
    text-decoration: underline;
}

/* ==============================
   ACTIONS
================================ */
.studok-order-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 18px;
    padding-top: 14px;
    border-top: 1px solid #e5e7eb;
}

.studok-order-actions .button {
    appearance: none;
    border: none;
    cursor: pointer;
    padding: 8px 16px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: all .15s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Default */
.studok-order-actions .button {
    background: #16a34a;
    color: #ffffff;
}

.studok-order-actions .button:hover {
    transform: translateY(-1px);
    filter: brightness(1.05);
}

/* Secondary */
.button.secondary {
    background: #e5e7eb;
    color: #111827;
}

/* Publish */
.button.publish {
    background: #2563eb;
    color: #ffffff;
}

/* Danger */
.button.danger {
    background: #dc2626;
    color: #ffffff;
}

/* ==============================
   RESPONSIVE (MOBILE)
================================ */
@media (max-width: 768px) {

    .studok-order-item {
        padding: 18px;
    }

    .studok-order-meta {
        gap: 8px;
    }

    .studok-order-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .studok-order-actions .button {
        width: 100%;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-4f27b96 *//* =========================================
   STUDENT CABINET - "МОЇ ЗАМОВЛЕННЯ" STYLE
   (WP Job Manager Dashboard)
   ========================================= */

/* Загальний контейнер dashboard */
#job-manager-job-dashboard{
  margin: 0 auto;
  padding: 22px;
  border-radius: 8px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
}

/* Верхня панель: пошук + кнопка */
#job-manager-job-dashboard .jm-dashboard__intro{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-bottom: 1px solid #e2e8f0;
}

/* Поле пошуку */
#job-manager-job-dashboard input[type="search"]{
  width: 320px;
  max-width: 100%;
  border: 1px solid #000000;
  background: #fff;
  border-radius: 12px;
  padding: 10px 12px;
  outline: none;
  transition: 0.2s ease;
  color: #000000;
}

#job-manager-job-dashboard input[type="search"]:focus{
  border-color: #22c55e;
  box-shadow: 0 0 0 4px rgba(34,197,94,0.15);
}

/* Кнопка "Створити замовлення" */
#job-manager-job-dashboard .jm-dashboard__actions a.jm-ui-button{
  background: #22c55e !important;
  color: #ffffff !important;
  border: 0 !important;
  border-radius: 12px !important;
  padding: 10px 16px !important;
  font-weight: 700;
  transition: 0.2s ease;
}

#job-manager-job-dashboard .jm-dashboard__actions a.jm-ui-button:hover{
  transform: translateY(-1px);
  opacity: 0.95;
}

/* Шапка таблиці */
#job-manager-job-dashboard .jm-dashboard-header{
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  padding: 12px 14px;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 10px;
}

/* Рядок замовлення */
#job-manager-job-dashboard .jm-dashboard-job{
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  padding: 14px;
  margin-bottom: 12px;
  transition: 0.2s ease;
}

#job-manager-job-dashboard .jm-dashboard-job:hover{
  box-shadow: 0 10px 22px rgba(0,0,0,0.06);
  transform: translateY(-1px);
}

/* Назва замовлення */
#job-manager-job-dashboard a.job-title{
  font-weight: 700;
  color: #0f172a;
  text-decoration: none;
}

#job-manager-job-dashboard a.job-title:hover{
  color: #16a34a;
  text-decoration: underline;
}

/* Статус "Активна" */
#job-manager-job-dashboard .job-status .job-status-publish{
  display: inline-block;
  margin-top: 6px;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 700;
  background: rgba(34,197,94,0.12);
  color: #16a34a;
}

/* Малі тексти (expires, views) */
#job-manager-job-dashboard small,
#job-manager-job-dashboard .job-expires{
  color: #64748b;
  font-size: 12px;
}

/* Кнопка "Відмітити закритою" */
#job-manager-job-dashboard .jm-ui-button--outline{
  border-radius: 12px !important;
  border: 1px solid #e2e8f0 !important;
  background: #ffffff !important;
  color: #0f172a !important;
  font-weight: 600;
  padding: 8px 12px !important;
  transition: 0.2s ease;
}

#job-manager-job-dashboard .jm-ui-button--outline:hover{
  border-color: #22c55e !important;
  color: #16a34a !important;
}

/* Меню "..." */
#job-manager-job-dashboard summary.jm-ui-action-menu__open-button{
  border-radius: 12px !important;
  border: 1px solid #e2e8f0 !important;
  background: #f8fafc !important;
  transition: 0.2s ease;
}

#job-manager-job-dashboard summary.jm-ui-action-menu__open-button:hover{
  border-color: #22c55e !important;
}

/* Випадаюче меню */
#job-manager-job-dashboard .jm-ui-action-menu__content{
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  background: #ffffff;
  box-shadow: 0 14px 30px rgba(0,0,0,0.08);
  padding: 10px;
}

/* Посилання в меню */
#job-manager-job-dashboard .jm-ui-action-menu__content a{
  display: block;
  padding: 8px 10px;
  border-radius: 10px;
  color: #0f172a;
  text-decoration: none;
  font-weight: 600;
}

#job-manager-job-dashboard .jm-ui-action-menu__content a:hover{
  background: #f1f5f9;
}

/* Адаптація під телефон */
@media (max-width: 768px){
  #job-manager-job-dashboard{
    padding: 14px;
  }

  #job-manager-job-dashboard .jm-dashboard__intro{
    flex-direction: column;
    align-items: stretch;
  }

  #job-manager-job-dashboard input[type="search"]{
    width: 100%;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d2aa878 *//* ==============================
   DASHBOARD LAYOUT
================================ */
.studok-dashboard {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* ==============================
   ORDER CARD
================================ */
.studok-order-item {
    background: #ffffff;
    border-radius: 14px;
    padding: 22px;
    box-shadow: 0 8px 28px rgba(0,0,0,0.08);
    transition: transform .2s ease, box-shadow .2s ease;
}

.studok-order-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 36px rgba(0,0,0,0.12);
}

/* ==============================
   TITLE
================================ */
.studok-order-title,
.studok-order-item h3 {
    margin: 0 0 14px;
    font-size: 18px;
    font-weight: 600;
    color: #111827;
}

/* ==============================
   META (BADGES)
================================ */
.studok-order-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 14px;
}

.studok-order-meta span {
    background: #f3f4f6;
    padding: 6px 12px;
    border-radius: 999px;
    font-size: 13px;
    color: #374151;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    line-height: 1;
}

/* Highlighted meta */
.meta-budget {
    background: #ecfdf5;
    color: #065f46;
}

.meta-deadline {
    background: #fff7ed;
    color: #9a3412;
}

/* ==============================
   DESCRIPTION
================================ */
.studok-order-description {
    margin-top: 10px;
    font-size: 14px;
    color: #374151;
}

.studok-order-description strong {
    display: block;
    margin-bottom: 4px;
    color: #111827;
}

.studok-order-description p {
    margin: 0;
    line-height: 1.5;
}

/* ==============================
   FILES
================================ */
.studok-order-files {
    margin-top: 10px;
    font-size: 14px;
}

.studok-order-files a {
    color: #2563eb;
    font-weight: 500;
    text-decoration: underline;
}

/* ==============================
   ACTIONS
================================ */
.studok-order-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 18px;
    padding-top: 14px;
    border-top: 1px solid #e5e7eb;
}

.studok-order-actions .button {
    appearance: none;
    border: none;
    cursor: pointer;
    padding: 8px 16px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: all .15s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Default */
.studok-order-actions .button {
    background: #16a34a;
    color: #ffffff;
}

.studok-order-actions .button:hover {
    transform: translateY(-1px);
    filter: brightness(1.05);
}

/* Secondary */
.button.secondary {
    background: #e5e7eb;
    color: #111827;
}

/* Publish */
.button.publish {
    background: #2563eb;
    color: #ffffff;
}

/* Danger */
.button.danger {
    background: #dc2626;
    color: #ffffff;
}

/* ==============================
   RESPONSIVE (MOBILE)
================================ */
@media (max-width: 768px) {

    .studok-order-item {
        padding: 18px;
    }

    .studok-order-meta {
        gap: 8px;
    }

    .studok-order-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .studok-order-actions .button {
        width: 100%;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-6c7ae26 *//* =========================================
   STUDENT CABINET - "МОЇ ЗАМОВЛЕННЯ" STYLE
   (WP Job Manager Dashboard)
   ========================================= */

/* Загальний контейнер dashboard */
#job-manager-job-dashboard{
  margin: 0 auto;
  padding: 22px;
  border-radius: 8px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
}

/* Верхня панель: пошук + кнопка */
#job-manager-job-dashboard .jm-dashboard__intro{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-bottom: 1px solid #e2e8f0;
}

/* Поле пошуку */
#job-manager-job-dashboard input[type="search"]{
  width: 320px;
  max-width: 100%;
  border: 1px solid #000000;
  background: #fff;
  border-radius: 12px;
  padding: 10px 12px;
  outline: none;
  transition: 0.2s ease;
  color: #000000;
}

#job-manager-job-dashboard input[type="search"]:focus{
  border-color: #22c55e;
  box-shadow: 0 0 0 4px rgba(34,197,94,0.15);
}

/* Кнопка "Створити замовлення" */
#job-manager-job-dashboard .jm-dashboard__actions a.jm-ui-button{
  background: #22c55e !important;
  color: #ffffff !important;
  border: 0 !important;
  border-radius: 12px !important;
  padding: 10px 16px !important;
  font-weight: 700;
  transition: 0.2s ease;
}

#job-manager-job-dashboard .jm-dashboard__actions a.jm-ui-button:hover{
  transform: translateY(-1px);
  opacity: 0.95;
}

/* Шапка таблиці */
#job-manager-job-dashboard .jm-dashboard-header{
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  padding: 12px 14px;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 10px;
}

/* Рядок замовлення */
#job-manager-job-dashboard .jm-dashboard-job{
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  padding: 14px;
  margin-bottom: 12px;
  transition: 0.2s ease;
}

#job-manager-job-dashboard .jm-dashboard-job:hover{
  box-shadow: 0 10px 22px rgba(0,0,0,0.06);
  transform: translateY(-1px);
}

/* Назва замовлення */
#job-manager-job-dashboard a.job-title{
  font-weight: 700;
  color: #0f172a;
  text-decoration: none;
}

#job-manager-job-dashboard a.job-title:hover{
  color: #16a34a;
  text-decoration: underline;
}

/* Статус "Активна" */
#job-manager-job-dashboard .job-status .job-status-publish{
  display: inline-block;
  margin-top: 6px;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 700;
  background: rgba(34,197,94,0.12);
  color: #16a34a;
}

/* Малі тексти (expires, views) */
#job-manager-job-dashboard small,
#job-manager-job-dashboard .job-expires{
  color: #64748b;
  font-size: 12px;
}

/* Кнопка "Відмітити закритою" */
#job-manager-job-dashboard .jm-ui-button--outline{
  border-radius: 12px !important;
  border: 1px solid #e2e8f0 !important;
  background: #ffffff !important;
  color: #0f172a !important;
  font-weight: 600;
  padding: 8px 12px !important;
  transition: 0.2s ease;
}

#job-manager-job-dashboard .jm-ui-button--outline:hover{
  border-color: #22c55e !important;
  color: #16a34a !important;
}

/* Меню "..." */
#job-manager-job-dashboard summary.jm-ui-action-menu__open-button{
  border-radius: 12px !important;
  border: 1px solid #e2e8f0 !important;
  background: #f8fafc !important;
  transition: 0.2s ease;
}

#job-manager-job-dashboard summary.jm-ui-action-menu__open-button:hover{
  border-color: #22c55e !important;
}

/* Випадаюче меню */
#job-manager-job-dashboard .jm-ui-action-menu__content{
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  background: #ffffff;
  box-shadow: 0 14px 30px rgba(0,0,0,0.08);
  padding: 10px;
}

/* Посилання в меню */
#job-manager-job-dashboard .jm-ui-action-menu__content a{
  display: block;
  padding: 8px 10px;
  border-radius: 10px;
  color: #0f172a;
  text-decoration: none;
  font-weight: 600;
}

#job-manager-job-dashboard .jm-ui-action-menu__content a:hover{
  background: #f1f5f9;
}

/* Адаптація під телефон */
@media (max-width: 768px){
  #job-manager-job-dashboard{
    padding: 14px;
  }

  #job-manager-job-dashboard .jm-dashboard__intro{
    flex-direction: column;
    align-items: stretch;
  }

  #job-manager-job-dashboard input[type="search"]{
    width: 100%;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4e98d1d *//* ==============================
   DASHBOARD LAYOUT
================================ */
.studok-dashboard {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* ==============================
   ORDER CARD
================================ */
.studok-order-item {
    background: #ffffff;
    border-radius: 14px;
    padding: 22px;
    box-shadow: 0 8px 28px rgba(0,0,0,0.08);
    transition: transform .2s ease, box-shadow .2s ease;
}

.studok-order-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 36px rgba(0,0,0,0.12);
}

/* ==============================
   TITLE
================================ */
.studok-order-title,
.studok-order-item h3 {
    margin: 0 0 14px;
    font-size: 18px;
    font-weight: 600;
    color: #111827;
}

/* ==============================
   META (BADGES)
================================ */
.studok-order-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 14px;
}

.studok-order-meta span {
    background: #f3f4f6;
    padding: 6px 12px;
    border-radius: 999px;
    font-size: 13px;
    color: #374151;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    line-height: 1;
}

/* Highlighted meta */
.meta-budget {
    background: #ecfdf5;
    color: #065f46;
}

.meta-deadline {
    background: #fff7ed;
    color: #9a3412;
}

/* ==============================
   DESCRIPTION
================================ */
.studok-order-description {
    margin-top: 10px;
    font-size: 14px;
    color: #374151;
}

.studok-order-description strong {
    display: block;
    margin-bottom: 4px;
    color: #111827;
}

.studok-order-description p {
    margin: 0;
    line-height: 1.5;
}

/* ==============================
   FILES
================================ */
.studok-order-files {
    margin-top: 10px;
    font-size: 14px;
}

.studok-order-files a {
    color: #2563eb;
    font-weight: 500;
    text-decoration: underline;
}

/* ==============================
   ACTIONS
================================ */
.studok-order-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 18px;
    padding-top: 14px;
    border-top: 1px solid #e5e7eb;
}

.studok-order-actions .button {
    appearance: none;
    border: none;
    cursor: pointer;
    padding: 8px 16px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: all .15s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Default */
.studok-order-actions .button {
    background: #16a34a;
    color: #ffffff;
}

.studok-order-actions .button:hover {
    transform: translateY(-1px);
    filter: brightness(1.05);
}

/* Secondary */
.button.secondary {
    background: #e5e7eb;
    color: #111827;
}

/* Publish */
.button.publish {
    background: #2563eb;
    color: #ffffff;
}

/* Danger */
.button.danger {
    background: #dc2626;
    color: #ffffff;
}

/* ==============================
   RESPONSIVE (MOBILE)
================================ */
@media (max-width: 768px) {

    .studok-order-item {
        padding: 18px;
    }

    .studok-order-meta {
        gap: 8px;
    }

    .studok-order-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .studok-order-actions .button {
        width: 100%;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7f4dd84 */.studok-executors-list{
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(320px,1fr));
    gap:24px;
    margin-top:30px;
}

.studok-executor-card{
    background:#ffffff;
    border-radius:20px;
    padding:25px;
    box-shadow:0 10px 30px rgba(0,0,0,0.05);
    transition:all 0.3s ease;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
}

.studok-executor-card:hover{
    transform:translateY(-6px);
    box-shadow:0 15px 40px rgba(0,0,0,0.08);
}

.studok-executor-header{
    display:flex;
    align-items:center;
    gap:15px;
    margin-bottom:15px;
}

.studok-executor-header img{
    border-radius:50%;
    border:3px solid #2ecc71;
}

.studok-executor-info h3{
    margin:0;
    font-size:18px;
    font-weight:600;
    color:#222;
}

.studok-executor-meta{
    font-size:14px;
    color:#555;
    line-height:1.6;
    margin-bottom:20px;
}

.studok-executor-meta span{
    font-weight:600;
    color:#000;
}

.studok-executor-actions{
    display:flex;
    gap:12px;
    flex-wrap:wrap;
}

.studok-btn33{
    padding:10px 18px;
    border-radius:30px;
    text-decoration:none;
    font-size:14px;
    font-weight:500;
    transition:0.3s;
    display:inline-block;
}

.studok-btn-outline{
    border:2px solid #2ecc71;
    color:#2ecc71;
}

.studok-btn-outline:hover{
    background:#2ecc71;
    color:#fff;
}

.studok-btn-primary{
    background:#ff1a1a;
    color:#fff;
}

.studok-btn-primary:hover{
    background:#d41414;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7d23955 *//* ==============================
   DASHBOARD LAYOUT
================================ */
.studok-dashboard {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* ==============================
   ORDER CARD
================================ */
.studok-order-item {
    background: #ffffff;
    border-radius: 14px;
    padding: 22px;
    box-shadow: 0 8px 28px rgba(0,0,0,0.08);
    transition: transform .2s ease, box-shadow .2s ease;
}

.studok-order-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 36px rgba(0,0,0,0.12);
}

/* ==============================
   TITLE
================================ */
.studok-order-title,
.studok-order-item h3 {
    margin: 0 0 14px;
    font-size: 18px;
    font-weight: 600;
    color: #111827;
}

/* ==============================
   META (BADGES)
================================ */
.studok-order-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 14px;
}

.studok-order-meta span {
    background: #f3f4f6;
    padding: 6px 12px;
    border-radius: 999px;
    font-size: 13px;
    color: #374151;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    line-height: 1;
}

/* Highlighted meta */
.meta-budget {
    background: #ecfdf5;
    color: #065f46;
}

.meta-deadline {
    background: #fff7ed;
    color: #9a3412;
}

/* ==============================
   DESCRIPTION
================================ */
.studok-order-description {
    margin-top: 10px;
    font-size: 14px;
    color: #374151;
}

.studok-order-description strong {
    display: block;
    margin-bottom: 4px;
    color: #111827;
}

.studok-order-description p {
    margin: 0;
    line-height: 1.5;
}

/* ==============================
   FILES
================================ */
.studok-order-files {
    margin-top: 10px;
    font-size: 14px;
}

.studok-order-files a {
    color: #2563eb;
    font-weight: 500;
    text-decoration: underline;
}

/* ==============================
   ACTIONS
================================ */
.studok-order-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 18px;
    padding-top: 14px;
    border-top: 1px solid #e5e7eb;
}

.studok-order-actions .button {
    appearance: none;
    border: none;
    cursor: pointer;
    padding: 8px 16px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: all .15s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Default */
.studok-order-actions .button {
    background: #16a34a;
    color: #ffffff;
}

.studok-order-actions .button:hover {
    transform: translateY(-1px);
    filter: brightness(1.05);
}

/* Secondary */
.button.secondary {
    background: #e5e7eb;
    color: #111827;
}

/* Publish */
.button.publish {
    background: #2563eb;
    color: #ffffff;
}

/* Danger */
.button.danger {
    background: #dc2626;
    color: #ffffff;
}

/* ==============================
   RESPONSIVE (MOBILE)
================================ */
@media (max-width: 768px) {

    .studok-order-item {
        padding: 18px;
    }

    .studok-order-meta {
        gap: 8px;
    }

    .studok-order-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .studok-order-actions .button {
        width: 100%;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-177b598 *//* =========================================
   STUDENT CABINET - "МОЇ ЗАМОВЛЕННЯ" STYLE
   (WP Job Manager Dashboard)
   ========================================= */

/* Загальний контейнер dashboard */
#job-manager-job-dashboard{
  margin: 0 auto;
  padding: 22px;
  border-radius: 8px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
}

/* Верхня панель: пошук + кнопка */
#job-manager-job-dashboard .jm-dashboard__intro{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-bottom: 1px solid #e2e8f0;
}

/* Поле пошуку */
#job-manager-job-dashboard input[type="search"]{
  width: 320px;
  max-width: 100%;
  border: 1px solid #000000;
  background: #fff;
  border-radius: 12px;
  padding: 10px 12px;
  outline: none;
  transition: 0.2s ease;
  color: #000000;
}

#job-manager-job-dashboard input[type="search"]:focus{
  border-color: #22c55e;
  box-shadow: 0 0 0 4px rgba(34,197,94,0.15);
}

/* Кнопка "Створити замовлення" */
#job-manager-job-dashboard .jm-dashboard__actions a.jm-ui-button{
  background: #22c55e !important;
  color: #ffffff !important;
  border: 0 !important;
  border-radius: 12px !important;
  padding: 10px 16px !important;
  font-weight: 700;
  transition: 0.2s ease;
}

#job-manager-job-dashboard .jm-dashboard__actions a.jm-ui-button:hover{
  transform: translateY(-1px);
  opacity: 0.95;
}

/* Шапка таблиці */
#job-manager-job-dashboard .jm-dashboard-header{
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  padding: 12px 14px;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 10px;
}

/* Рядок замовлення */
#job-manager-job-dashboard .jm-dashboard-job{
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  padding: 14px;
  margin-bottom: 12px;
  transition: 0.2s ease;
}

#job-manager-job-dashboard .jm-dashboard-job:hover{
  box-shadow: 0 10px 22px rgba(0,0,0,0.06);
  transform: translateY(-1px);
}

/* Назва замовлення */
#job-manager-job-dashboard a.job-title{
  font-weight: 700;
  color: #0f172a;
  text-decoration: none;
}

#job-manager-job-dashboard a.job-title:hover{
  color: #16a34a;
  text-decoration: underline;
}

/* Статус "Активна" */
#job-manager-job-dashboard .job-status .job-status-publish{
  display: inline-block;
  margin-top: 6px;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 700;
  background: rgba(34,197,94,0.12);
  color: #16a34a;
}

/* Малі тексти (expires, views) */
#job-manager-job-dashboard small,
#job-manager-job-dashboard .job-expires{
  color: #64748b;
  font-size: 12px;
}

/* Кнопка "Відмітити закритою" */
#job-manager-job-dashboard .jm-ui-button--outline{
  border-radius: 12px !important;
  border: 1px solid #e2e8f0 !important;
  background: #ffffff !important;
  color: #0f172a !important;
  font-weight: 600;
  padding: 8px 12px !important;
  transition: 0.2s ease;
}

#job-manager-job-dashboard .jm-ui-button--outline:hover{
  border-color: #22c55e !important;
  color: #16a34a !important;
}

/* Меню "..." */
#job-manager-job-dashboard summary.jm-ui-action-menu__open-button{
  border-radius: 12px !important;
  border: 1px solid #e2e8f0 !important;
  background: #f8fafc !important;
  transition: 0.2s ease;
}

#job-manager-job-dashboard summary.jm-ui-action-menu__open-button:hover{
  border-color: #22c55e !important;
}

/* Випадаюче меню */
#job-manager-job-dashboard .jm-ui-action-menu__content{
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  background: #ffffff;
  box-shadow: 0 14px 30px rgba(0,0,0,0.08);
  padding: 10px;
}

/* Посилання в меню */
#job-manager-job-dashboard .jm-ui-action-menu__content a{
  display: block;
  padding: 8px 10px;
  border-radius: 10px;
  color: #0f172a;
  text-decoration: none;
  font-weight: 600;
}

#job-manager-job-dashboard .jm-ui-action-menu__content a:hover{
  background: #f1f5f9;
}

/* Адаптація під телефон */
@media (max-width: 768px){
  #job-manager-job-dashboard{
    padding: 14px;
  }

  #job-manager-job-dashboard .jm-dashboard__intro{
    flex-direction: column;
    align-items: stretch;
  }

  #job-manager-job-dashboard input[type="search"]{
    width: 100%;
  }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-fba4a0b *//* =========================================
   STUDENT CABINET - "МОЇ ЗАМОВЛЕННЯ" STYLE
   (WP Job Manager Dashboard)
   ========================================= */

/* Загальний контейнер dashboard */
#job-manager-job-dashboard{
  margin: 0 auto;
  padding: 22px;
  border-radius: 8px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
}

/* Верхня панель: пошук + кнопка */
#job-manager-job-dashboard .jm-dashboard__intro{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-bottom: 1px solid #e2e8f0;
}

/* Поле пошуку */
#job-manager-job-dashboard input[type="search"]{
  width: 320px;
  max-width: 100%;
  border: 1px solid #000000;
  background: #fff;
  border-radius: 12px;
  padding: 10px 12px;
  outline: none;
  transition: 0.2s ease;
  color: #000000;
}

#job-manager-job-dashboard input[type="search"]:focus{
  border-color: #22c55e;
  box-shadow: 0 0 0 4px rgba(34,197,94,0.15);
}

/* Кнопка "Створити замовлення" */
#job-manager-job-dashboard .jm-dashboard__actions a.jm-ui-button{
  background: #22c55e !important;
  color: #ffffff !important;
  border: 0 !important;
  border-radius: 12px !important;
  padding: 10px 16px !important;
  font-weight: 700;
  transition: 0.2s ease;
}

#job-manager-job-dashboard .jm-dashboard__actions a.jm-ui-button:hover{
  transform: translateY(-1px);
  opacity: 0.95;
}

/* Шапка таблиці */
#job-manager-job-dashboard .jm-dashboard-header{
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  padding: 12px 14px;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 10px;
}

/* Рядок замовлення */
#job-manager-job-dashboard .jm-dashboard-job{
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  padding: 14px;
  margin-bottom: 12px;
  transition: 0.2s ease;
}

#job-manager-job-dashboard .jm-dashboard-job:hover{
  box-shadow: 0 10px 22px rgba(0,0,0,0.06);
  transform: translateY(-1px);
}

/* Назва замовлення */
#job-manager-job-dashboard a.job-title{
  font-weight: 700;
  color: #0f172a;
  text-decoration: none;
}

#job-manager-job-dashboard a.job-title:hover{
  color: #16a34a;
  text-decoration: underline;
}

/* Статус "Активна" */
#job-manager-job-dashboard .job-status .job-status-publish{
  display: inline-block;
  margin-top: 6px;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 700;
  background: rgba(34,197,94,0.12);
  color: #16a34a;
}

/* Малі тексти (expires, views) */
#job-manager-job-dashboard small,
#job-manager-job-dashboard .job-expires{
  color: #64748b;
  font-size: 12px;
}

/* Кнопка "Відмітити закритою" */
#job-manager-job-dashboard .jm-ui-button--outline{
  border-radius: 12px !important;
  border: 1px solid #e2e8f0 !important;
  background: #ffffff !important;
  color: #0f172a !important;
  font-weight: 600;
  padding: 8px 12px !important;
  transition: 0.2s ease;
}

#job-manager-job-dashboard .jm-ui-button--outline:hover{
  border-color: #22c55e !important;
  color: #16a34a !important;
}

/* Меню "..." */
#job-manager-job-dashboard summary.jm-ui-action-menu__open-button{
  border-radius: 12px !important;
  border: 1px solid #e2e8f0 !important;
  background: #f8fafc !important;
  transition: 0.2s ease;
}

#job-manager-job-dashboard summary.jm-ui-action-menu__open-button:hover{
  border-color: #22c55e !important;
}

/* Випадаюче меню */
#job-manager-job-dashboard .jm-ui-action-menu__content{
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  background: #ffffff;
  box-shadow: 0 14px 30px rgba(0,0,0,0.08);
  padding: 10px;
}

/* Посилання в меню */
#job-manager-job-dashboard .jm-ui-action-menu__content a{
  display: block;
  padding: 8px 10px;
  border-radius: 10px;
  color: #0f172a;
  text-decoration: none;
  font-weight: 600;
}

#job-manager-job-dashboard .jm-ui-action-menu__content a:hover{
  background: #f1f5f9;
}

/* Адаптація під телефон */
@media (max-width: 768px){
  #job-manager-job-dashboard{
    padding: 14px;
  }

  #job-manager-job-dashboard .jm-dashboard__intro{
    flex-direction: column;
    align-items: stretch;
  }

  #job-manager-job-dashboard input[type="search"]{
    width: 100%;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-331c55f *//* ==============================
   DASHBOARD LAYOUT
================================ */
.studok-dashboard {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* ==============================
   ORDER CARD
================================ */
.studok-order-item {
    background: #ffffff;
    border-radius: 14px;
    padding: 22px;
    box-shadow: 0 8px 28px rgba(0,0,0,0.08);
    transition: transform .2s ease, box-shadow .2s ease;
}

.studok-order-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 36px rgba(0,0,0,0.12);
}

/* ==============================
   TITLE
================================ */
.studok-order-title,
.studok-order-item h3 {
    margin: 0 0 14px;
    font-size: 18px;
    font-weight: 600;
    color: #111827;
}

/* ==============================
   META (BADGES)
================================ */
.studok-order-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 14px;
}

.studok-order-meta span {
    background: #f3f4f6;
    padding: 6px 12px;
    border-radius: 999px;
    font-size: 13px;
    color: #374151;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    line-height: 1;
}

/* Highlighted meta */
.meta-budget {
    background: #ecfdf5;
    color: #065f46;
}

.meta-deadline {
    background: #fff7ed;
    color: #9a3412;
}

/* ==============================
   DESCRIPTION
================================ */
.studok-order-description {
    margin-top: 10px;
    font-size: 14px;
    color: #374151;
}

.studok-order-description strong {
    display: block;
    margin-bottom: 4px;
    color: #111827;
}

.studok-order-description p {
    margin: 0;
    line-height: 1.5;
}

/* ==============================
   FILES
================================ */
.studok-order-files {
    margin-top: 10px;
    font-size: 14px;
}

.studok-order-files a {
    color: #2563eb;
    font-weight: 500;
    text-decoration: underline;
}

/* ==============================
   ACTIONS
================================ */
.studok-order-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 18px;
    padding-top: 14px;
    border-top: 1px solid #e5e7eb;
}

.studok-order-actions .button {
    appearance: none;
    border: none;
    cursor: pointer;
    padding: 8px 16px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: all .15s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Default */
.studok-order-actions .button {
    background: #16a34a;
    color: #ffffff;
}

.studok-order-actions .button:hover {
    transform: translateY(-1px);
    filter: brightness(1.05);
}

/* Secondary */
.button.secondary {
    background: #e5e7eb;
    color: #111827;
}

/* Publish */
.button.publish {
    background: #2563eb;
    color: #ffffff;
}

/* Danger */
.button.danger {
    background: #dc2626;
    color: #ffffff;
}

/* ==============================
   RESPONSIVE (MOBILE)
================================ */
@media (max-width: 768px) {

    .studok-order-item {
        padding: 18px;
    }

    .studok-order-meta {
        gap: 8px;
    }

    .studok-order-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .studok-order-actions .button {
        width: 100%;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3d7ee6e *//* ==============================
   DASHBOARD LAYOUT
================================ */
.studok-dashboard {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* ==============================
   ORDER CARD
================================ */
.studok-order-item {
    background: #ffffff;
    border-radius: 14px;
    padding: 22px;
    box-shadow: 0 8px 28px rgba(0,0,0,0.08);
    transition: transform .2s ease, box-shadow .2s ease;
}

.studok-order-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 36px rgba(0,0,0,0.12);
}

/* ==============================
   TITLE
================================ */
.studok-order-title,
.studok-order-item h3 {
    margin: 0 0 14px;
    font-size: 18px;
    font-weight: 600;
    color: #111827;
}

/* ==============================
   META (BADGES)
================================ */
.studok-order-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 14px;
}

.studok-order-meta span {
    background: #f3f4f6;
    padding: 6px 12px;
    border-radius: 999px;
    font-size: 13px;
    color: #374151;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    line-height: 1;
}

/* Highlighted meta */
.meta-budget {
    background: #ecfdf5;
    color: #065f46;
}

.meta-deadline {
    background: #fff7ed;
    color: #9a3412;
}

/* ==============================
   DESCRIPTION
================================ */
.studok-order-description {
    margin-top: 10px;
    font-size: 14px;
    color: #374151;
}

.studok-order-description strong {
    display: block;
    margin-bottom: 4px;
    color: #111827;
}

.studok-order-description p {
    margin: 0;
    line-height: 1.5;
}

/* ==============================
   FILES
================================ */
.studok-order-files {
    margin-top: 10px;
    font-size: 14px;
}

.studok-order-files a {
    color: #2563eb;
    font-weight: 500;
    text-decoration: underline;
}

/* ==============================
   ACTIONS
================================ */
.studok-order-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 18px;
    padding-top: 14px;
    border-top: 1px solid #e5e7eb;
}

.studok-order-actions .button {
    appearance: none;
    border: none;
    cursor: pointer;
    padding: 8px 16px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: all .15s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Default */
.studok-order-actions .button {
    background: #16a34a;
    color: #ffffff;
}

.studok-order-actions .button:hover {
    transform: translateY(-1px);
    filter: brightness(1.05);
}

/* Secondary */
.button.secondary {
    background: #e5e7eb;
    color: #111827;
}

/* Publish */
.button.publish {
    background: #2563eb;
    color: #ffffff;
}

/* Danger */
.button.danger {
    background: #dc2626;
    color: #ffffff;
}

/* ==============================
   RESPONSIVE (MOBILE)
================================ */
@media (max-width: 768px) {

    .studok-order-item {
        padding: 18px;
    }

    .studok-order-meta {
        gap: 8px;
    }

    .studok-order-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .studok-order-actions .button {
        width: 100%;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-26dd4ac *//* ==============================
   DASHBOARD LAYOUT
================================ */
.studok-dashboard {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* ==============================
   ORDER CARD
================================ */
.studok-order-item {
    background: #ffffff;
    border-radius: 14px;
    padding: 22px;
    box-shadow: 0 8px 28px rgba(0,0,0,0.08);
    transition: transform .2s ease, box-shadow .2s ease;
}

.studok-order-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 36px rgba(0,0,0,0.12);
}

/* ==============================
   TITLE
================================ */
.studok-order-title,
.studok-order-item h3 {
    margin: 0 0 14px;
    font-size: 18px;
    font-weight: 600;
    color: #111827;
}

/* ==============================
   META (BADGES)
================================ */
.studok-order-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 14px;
}

.studok-order-meta span {
    background: #f3f4f6;
    padding: 6px 12px;
    border-radius: 999px;
    font-size: 13px;
    color: #374151;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    line-height: 1;
}

/* Highlighted meta */
.meta-budget {
    background: #ecfdf5;
    color: #065f46;
}

.meta-deadline {
    background: #fff7ed;
    color: #9a3412;
}

/* ==============================
   DESCRIPTION
================================ */
.studok-order-description {
    margin-top: 10px;
    font-size: 14px;
    color: #374151;
}

.studok-order-description strong {
    display: block;
    margin-bottom: 4px;
    color: #111827;
}

.studok-order-description p {
    margin: 0;
    line-height: 1.5;
}

/* ==============================
   FILES
================================ */
.studok-order-files {
    margin-top: 10px;
    font-size: 14px;
}

.studok-order-files a {
    color: #2563eb;
    font-weight: 500;
    text-decoration: underline;
}

/* ==============================
   ACTIONS
================================ */
.studok-order-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 18px;
    padding-top: 14px;
    border-top: 1px solid #e5e7eb;
}

.studok-order-actions .button {
    appearance: none;
    border: none;
    cursor: pointer;
    padding: 8px 16px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: all .15s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Default */
.studok-order-actions .button {
    background: #16a34a;
    color: #ffffff;
}

.studok-order-actions .button:hover {
    transform: translateY(-1px);
    filter: brightness(1.05);
}

/* Secondary */
.button.secondary {
    background: #e5e7eb;
    color: #111827;
}

/* Publish */
.button.publish {
    background: #2563eb;
    color: #ffffff;
}

/* Danger */
.button.danger {
    background: #dc2626;
    color: #ffffff;
}

/* ==============================
   RESPONSIVE (MOBILE)
================================ */
@media (max-width: 768px) {

    .studok-order-item {
        padding: 18px;
    }

    .studok-order-meta {
        gap: 8px;
    }

    .studok-order-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .studok-order-actions .button {
        width: 100%;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-6153366 *//* =========================================
   STUDENT CABINET - "МОЇ ЗАМОВЛЕННЯ" STYLE
   (WP Job Manager Dashboard)
   ========================================= */

/* Загальний контейнер dashboard */
#job-manager-job-dashboard{
  margin: 0 auto;
  padding: 22px;
  border-radius: 8px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
}

/* Верхня панель: пошук + кнопка */
#job-manager-job-dashboard .jm-dashboard__intro{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-bottom: 1px solid #e2e8f0;
}

/* Поле пошуку */
#job-manager-job-dashboard input[type="search"]{
  width: 320px;
  max-width: 100%;
  border: 1px solid #000000;
  background: #fff;
  border-radius: 12px;
  padding: 10px 12px;
  outline: none;
  transition: 0.2s ease;
  color: #000000;
}

#job-manager-job-dashboard input[type="search"]:focus{
  border-color: #22c55e;
  box-shadow: 0 0 0 4px rgba(34,197,94,0.15);
}

/* Кнопка "Створити замовлення" */
#job-manager-job-dashboard .jm-dashboard__actions a.jm-ui-button{
  background: #22c55e !important;
  color: #ffffff !important;
  border: 0 !important;
  border-radius: 12px !important;
  padding: 10px 16px !important;
  font-weight: 700;
  transition: 0.2s ease;
}

#job-manager-job-dashboard .jm-dashboard__actions a.jm-ui-button:hover{
  transform: translateY(-1px);
  opacity: 0.95;
}

/* Шапка таблиці */
#job-manager-job-dashboard .jm-dashboard-header{
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  padding: 12px 14px;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 10px;
}

/* Рядок замовлення */
#job-manager-job-dashboard .jm-dashboard-job{
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  padding: 14px;
  margin-bottom: 12px;
  transition: 0.2s ease;
}

#job-manager-job-dashboard .jm-dashboard-job:hover{
  box-shadow: 0 10px 22px rgba(0,0,0,0.06);
  transform: translateY(-1px);
}

/* Назва замовлення */
#job-manager-job-dashboard a.job-title{
  font-weight: 700;
  color: #0f172a;
  text-decoration: none;
}

#job-manager-job-dashboard a.job-title:hover{
  color: #16a34a;
  text-decoration: underline;
}

/* Статус "Активна" */
#job-manager-job-dashboard .job-status .job-status-publish{
  display: inline-block;
  margin-top: 6px;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 700;
  background: rgba(34,197,94,0.12);
  color: #16a34a;
}

/* Малі тексти (expires, views) */
#job-manager-job-dashboard small,
#job-manager-job-dashboard .job-expires{
  color: #64748b;
  font-size: 12px;
}

/* Кнопка "Відмітити закритою" */
#job-manager-job-dashboard .jm-ui-button--outline{
  border-radius: 12px !important;
  border: 1px solid #e2e8f0 !important;
  background: #ffffff !important;
  color: #0f172a !important;
  font-weight: 600;
  padding: 8px 12px !important;
  transition: 0.2s ease;
}

#job-manager-job-dashboard .jm-ui-button--outline:hover{
  border-color: #22c55e !important;
  color: #16a34a !important;
}

/* Меню "..." */
#job-manager-job-dashboard summary.jm-ui-action-menu__open-button{
  border-radius: 12px !important;
  border: 1px solid #e2e8f0 !important;
  background: #f8fafc !important;
  transition: 0.2s ease;
}

#job-manager-job-dashboard summary.jm-ui-action-menu__open-button:hover{
  border-color: #22c55e !important;
}

/* Випадаюче меню */
#job-manager-job-dashboard .jm-ui-action-menu__content{
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  background: #ffffff;
  box-shadow: 0 14px 30px rgba(0,0,0,0.08);
  padding: 10px;
}

/* Посилання в меню */
#job-manager-job-dashboard .jm-ui-action-menu__content a{
  display: block;
  padding: 8px 10px;
  border-radius: 10px;
  color: #0f172a;
  text-decoration: none;
  font-weight: 600;
}

#job-manager-job-dashboard .jm-ui-action-menu__content a:hover{
  background: #f1f5f9;
}

/* Адаптація під телефон */
@media (max-width: 768px){
  #job-manager-job-dashboard{
    padding: 14px;
  }

  #job-manager-job-dashboard .jm-dashboard__intro{
    flex-direction: column;
    align-items: stretch;
  }

  #job-manager-job-dashboard input[type="search"]{
    width: 100%;
  }
}


/* =====================================
   STUDOK — ACCOUNT CENTER PREMIUM STYLE
===================================== */


/* MAIN CONTAINER */

.um.um-account {

    background: #ffffff;
    padding: 32px !important;

    border-radius: 16px !important;

    box-shadow: 
        0 10px 30px rgba(0,0,0,0.05),
        0 2px 6px rgba(0,0,0,0.04);


}


/* AVATAR */

.um-account-meta-img img {

    width: 90px !important;
    height: 90px !important;

    border-radius: 50% !important;

    border: 4px solid #ecfdf5;

    box-shadow: 0 5px 15px rgba(0,0,0,0.08);

}


/* USERNAME */

.um-account-name a {

    font-size: 14px !important;
    font-weight: 600 !important;

    color: #111827 !important;

}


/* PROFILE LINK */

.um-account-profile-link a {

    color: #22c55e !important;

    font-weight: 500 !important;

}


/* FIELD CONTAINER */

.um-field {

    margin-bottom: 20px !important;

}


/* LABEL */

.um-field-label label {

    font-size: 14px !important;

    font-weight: 600 !important;

    color: #374151 !important;

    margin-bottom: 6px !important;

}


/* INPUT */

.um-form-field {

    height: 44px !important;

    border-radius: 10px !important;

    border: 1px solid #e5e7eb !important;

    padding: 0 14px !important;

    font-size: 15px !important;

    transition: all 0.2s ease;

}


/* INPUT HOVER */

.um-form-field:hover {

    border-color: #22c55e !important;

}


/* INPUT FOCUS */

.um-form-field:focus {

    border-color: #22c55e !important;

    box-shadow: 0 0 0 3px rgba(34,197,94,0.15);

    outline: none !important;

}


/* BUTTON */

.um-button {

    background: linear-gradient(135deg,#22c55e,#16a34a) !important;

    border: none !important;

    color: white !important;

    height: 44px;

    padding: 0 24px !important;

    border-radius: 10px !important;

    font-weight: 600 !important;

    box-shadow: 0 6px 18px rgba(34,197,94,0.25);

    transition: all 0.25s ease;

}


/* BUTTON HOVER */

.um-button:hover {

    transform: translateY(-2px);

    box-shadow: 0 10px 22px rgba(34,197,94,0.35);

}


/* HEADING */

.um-account-heading {

    font-size: 20px !important;

    font-weight: 600 !important;

    margin-bottom: 24px !important;

    color: #111827;

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ab2dc26 *//* ==============================
   DASHBOARD LAYOUT
================================ */
.studok-dashboard {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* ==============================
   ORDER CARD
================================ */
.studok-order-item {
    background: #ffffff;
    border-radius: 14px;
    padding: 22px;
    box-shadow: 0 8px 28px rgba(0,0,0,0.08);
    transition: transform .2s ease, box-shadow .2s ease;
}

.studok-order-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 36px rgba(0,0,0,0.12);
}

/* ==============================
   TITLE
================================ */
.studok-order-title,
.studok-order-item h3 {
    margin: 0 0 14px;
    font-size: 18px;
    font-weight: 600;
    color: #111827;
}

/* ==============================
   META (BADGES)
================================ */
.studok-order-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 14px;
}

.studok-order-meta span {
    background: #f3f4f6;
    padding: 6px 12px;
    border-radius: 999px;
    font-size: 13px;
    color: #374151;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    line-height: 1;
}

/* Highlighted meta */
.meta-budget {
    background: #ecfdf5;
    color: #065f46;
}

.meta-deadline {
    background: #fff7ed;
    color: #9a3412;
}

/* ==============================
   DESCRIPTION
================================ */
.studok-order-description {
    margin-top: 10px;
    font-size: 14px;
    color: #374151;
}

.studok-order-description strong {
    display: block;
    margin-bottom: 4px;
    color: #111827;
}

.studok-order-description p {
    margin: 0;
    line-height: 1.5;
}

/* ==============================
   FILES
================================ */
.studok-order-files {
    margin-top: 10px;
    font-size: 14px;
}

.studok-order-files a {
    color: #2563eb;
    font-weight: 500;
    text-decoration: underline;
}

/* ==============================
   ACTIONS
================================ */
.studok-order-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 18px;
    padding-top: 14px;
    border-top: 1px solid #e5e7eb;
}

.studok-order-actions .button {
    appearance: none;
    border: none;
    cursor: pointer;
    padding: 8px 16px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: all .15s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Default */
.studok-order-actions .button {
    background: #16a34a;
    color: #ffffff;
}

.studok-order-actions .button:hover {
    transform: translateY(-1px);
    filter: brightness(1.05);
}

/* Secondary */
.button.secondary {
    background: #e5e7eb;
    color: #111827;
}

/* Publish */
.button.publish {
    background: #2563eb;
    color: #ffffff;
}

/* Danger */
.button.danger {
    background: #dc2626;
    color: #ffffff;
}

/* ==============================
   RESPONSIVE (MOBILE)
================================ */
@media (max-width: 768px) {

    .studok-order-item {
        padding: 18px;
    }

    .studok-order-meta {
        gap: 8px;
    }

    .studok-order-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .studok-order-actions .button {
        width: 100%;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-4f27b96 *//* =========================================
   STUDENT CABINET - "МОЇ ЗАМОВЛЕННЯ" STYLE
   (WP Job Manager Dashboard)
   ========================================= */

/* Загальний контейнер dashboard */
#job-manager-job-dashboard{
  margin: 0 auto;
  padding: 22px;
  border-radius: 8px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
}

/* Верхня панель: пошук + кнопка */
#job-manager-job-dashboard .jm-dashboard__intro{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-bottom: 1px solid #e2e8f0;
}

/* Поле пошуку */
#job-manager-job-dashboard input[type="search"]{
  width: 320px;
  max-width: 100%;
  border: 1px solid #000000;
  background: #fff;
  border-radius: 12px;
  padding: 10px 12px;
  outline: none;
  transition: 0.2s ease;
  color: #000000;
}

#job-manager-job-dashboard input[type="search"]:focus{
  border-color: #22c55e;
  box-shadow: 0 0 0 4px rgba(34,197,94,0.15);
}

/* Кнопка "Створити замовлення" */
#job-manager-job-dashboard .jm-dashboard__actions a.jm-ui-button{
  background: #22c55e !important;
  color: #ffffff !important;
  border: 0 !important;
  border-radius: 12px !important;
  padding: 10px 16px !important;
  font-weight: 700;
  transition: 0.2s ease;
}

#job-manager-job-dashboard .jm-dashboard__actions a.jm-ui-button:hover{
  transform: translateY(-1px);
  opacity: 0.95;
}

/* Шапка таблиці */
#job-manager-job-dashboard .jm-dashboard-header{
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  padding: 12px 14px;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 10px;
}

/* Рядок замовлення */
#job-manager-job-dashboard .jm-dashboard-job{
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  padding: 14px;
  margin-bottom: 12px;
  transition: 0.2s ease;
}

#job-manager-job-dashboard .jm-dashboard-job:hover{
  box-shadow: 0 10px 22px rgba(0,0,0,0.06);
  transform: translateY(-1px);
}

/* Назва замовлення */
#job-manager-job-dashboard a.job-title{
  font-weight: 700;
  color: #0f172a;
  text-decoration: none;
}

#job-manager-job-dashboard a.job-title:hover{
  color: #16a34a;
  text-decoration: underline;
}

/* Статус "Активна" */
#job-manager-job-dashboard .job-status .job-status-publish{
  display: inline-block;
  margin-top: 6px;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 700;
  background: rgba(34,197,94,0.12);
  color: #16a34a;
}

/* Малі тексти (expires, views) */
#job-manager-job-dashboard small,
#job-manager-job-dashboard .job-expires{
  color: #64748b;
  font-size: 12px;
}

/* Кнопка "Відмітити закритою" */
#job-manager-job-dashboard .jm-ui-button--outline{
  border-radius: 12px !important;
  border: 1px solid #e2e8f0 !important;
  background: #ffffff !important;
  color: #0f172a !important;
  font-weight: 600;
  padding: 8px 12px !important;
  transition: 0.2s ease;
}

#job-manager-job-dashboard .jm-ui-button--outline:hover{
  border-color: #22c55e !important;
  color: #16a34a !important;
}

/* Меню "..." */
#job-manager-job-dashboard summary.jm-ui-action-menu__open-button{
  border-radius: 12px !important;
  border: 1px solid #e2e8f0 !important;
  background: #f8fafc !important;
  transition: 0.2s ease;
}

#job-manager-job-dashboard summary.jm-ui-action-menu__open-button:hover{
  border-color: #22c55e !important;
}

/* Випадаюче меню */
#job-manager-job-dashboard .jm-ui-action-menu__content{
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  background: #ffffff;
  box-shadow: 0 14px 30px rgba(0,0,0,0.08);
  padding: 10px;
}

/* Посилання в меню */
#job-manager-job-dashboard .jm-ui-action-menu__content a{
  display: block;
  padding: 8px 10px;
  border-radius: 10px;
  color: #0f172a;
  text-decoration: none;
  font-weight: 600;
}

#job-manager-job-dashboard .jm-ui-action-menu__content a:hover{
  background: #f1f5f9;
}

/* Адаптація під телефон */
@media (max-width: 768px){
  #job-manager-job-dashboard{
    padding: 14px;
  }

  #job-manager-job-dashboard .jm-dashboard__intro{
    flex-direction: column;
    align-items: stretch;
  }

  #job-manager-job-dashboard input[type="search"]{
    width: 100%;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d2aa878 *//* ==============================
   DASHBOARD LAYOUT
================================ */
.studok-dashboard {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* ==============================
   ORDER CARD
================================ */
.studok-order-item {
    background: #ffffff;
    border-radius: 14px;
    padding: 22px;
    box-shadow: 0 8px 28px rgba(0,0,0,0.08);
    transition: transform .2s ease, box-shadow .2s ease;
}

.studok-order-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 36px rgba(0,0,0,0.12);
}

/* ==============================
   TITLE
================================ */
.studok-order-title,
.studok-order-item h3 {
    margin: 0 0 14px;
    font-size: 18px;
    font-weight: 600;
    color: #111827;
}

/* ==============================
   META (BADGES)
================================ */
.studok-order-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 14px;
}

.studok-order-meta span {
    background: #f3f4f6;
    padding: 6px 12px;
    border-radius: 999px;
    font-size: 13px;
    color: #374151;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    line-height: 1;
}

/* Highlighted meta */
.meta-budget {
    background: #ecfdf5;
    color: #065f46;
}

.meta-deadline {
    background: #fff7ed;
    color: #9a3412;
}

/* ==============================
   DESCRIPTION
================================ */
.studok-order-description {
    margin-top: 10px;
    font-size: 14px;
    color: #374151;
}

.studok-order-description strong {
    display: block;
    margin-bottom: 4px;
    color: #111827;
}

.studok-order-description p {
    margin: 0;
    line-height: 1.5;
}

/* ==============================
   FILES
================================ */
.studok-order-files {
    margin-top: 10px;
    font-size: 14px;
}

.studok-order-files a {
    color: #2563eb;
    font-weight: 500;
    text-decoration: underline;
}

/* ==============================
   ACTIONS
================================ */
.studok-order-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 18px;
    padding-top: 14px;
    border-top: 1px solid #e5e7eb;
}

.studok-order-actions .button {
    appearance: none;
    border: none;
    cursor: pointer;
    padding: 8px 16px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: all .15s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Default */
.studok-order-actions .button {
    background: #16a34a;
    color: #ffffff;
}

.studok-order-actions .button:hover {
    transform: translateY(-1px);
    filter: brightness(1.05);
}

/* Secondary */
.button.secondary {
    background: #e5e7eb;
    color: #111827;
}

/* Publish */
.button.publish {
    background: #2563eb;
    color: #ffffff;
}

/* Danger */
.button.danger {
    background: #dc2626;
    color: #ffffff;
}

/* ==============================
   RESPONSIVE (MOBILE)
================================ */
@media (max-width: 768px) {

    .studok-order-item {
        padding: 18px;
    }

    .studok-order-meta {
        gap: 8px;
    }

    .studok-order-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .studok-order-actions .button {
        width: 100%;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-6c7ae26 *//* =========================================
   STUDENT CABINET - "МОЇ ЗАМОВЛЕННЯ" STYLE
   (WP Job Manager Dashboard)
   ========================================= */

/* Загальний контейнер dashboard */
#job-manager-job-dashboard{
  margin: 0 auto;
  padding: 22px;
  border-radius: 8px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
}

/* Верхня панель: пошук + кнопка */
#job-manager-job-dashboard .jm-dashboard__intro{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-bottom: 1px solid #e2e8f0;
}

/* Поле пошуку */
#job-manager-job-dashboard input[type="search"]{
  width: 320px;
  max-width: 100%;
  border: 1px solid #000000;
  background: #fff;
  border-radius: 12px;
  padding: 10px 12px;
  outline: none;
  transition: 0.2s ease;
  color: #000000;
}

#job-manager-job-dashboard input[type="search"]:focus{
  border-color: #22c55e;
  box-shadow: 0 0 0 4px rgba(34,197,94,0.15);
}

/* Кнопка "Створити замовлення" */
#job-manager-job-dashboard .jm-dashboard__actions a.jm-ui-button{
  background: #22c55e !important;
  color: #ffffff !important;
  border: 0 !important;
  border-radius: 12px !important;
  padding: 10px 16px !important;
  font-weight: 700;
  transition: 0.2s ease;
}

#job-manager-job-dashboard .jm-dashboard__actions a.jm-ui-button:hover{
  transform: translateY(-1px);
  opacity: 0.95;
}

/* Шапка таблиці */
#job-manager-job-dashboard .jm-dashboard-header{
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  padding: 12px 14px;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 10px;
}

/* Рядок замовлення */
#job-manager-job-dashboard .jm-dashboard-job{
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  padding: 14px;
  margin-bottom: 12px;
  transition: 0.2s ease;
}

#job-manager-job-dashboard .jm-dashboard-job:hover{
  box-shadow: 0 10px 22px rgba(0,0,0,0.06);
  transform: translateY(-1px);
}

/* Назва замовлення */
#job-manager-job-dashboard a.job-title{
  font-weight: 700;
  color: #0f172a;
  text-decoration: none;
}

#job-manager-job-dashboard a.job-title:hover{
  color: #16a34a;
  text-decoration: underline;
}

/* Статус "Активна" */
#job-manager-job-dashboard .job-status .job-status-publish{
  display: inline-block;
  margin-top: 6px;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 700;
  background: rgba(34,197,94,0.12);
  color: #16a34a;
}

/* Малі тексти (expires, views) */
#job-manager-job-dashboard small,
#job-manager-job-dashboard .job-expires{
  color: #64748b;
  font-size: 12px;
}

/* Кнопка "Відмітити закритою" */
#job-manager-job-dashboard .jm-ui-button--outline{
  border-radius: 12px !important;
  border: 1px solid #e2e8f0 !important;
  background: #ffffff !important;
  color: #0f172a !important;
  font-weight: 600;
  padding: 8px 12px !important;
  transition: 0.2s ease;
}

#job-manager-job-dashboard .jm-ui-button--outline:hover{
  border-color: #22c55e !important;
  color: #16a34a !important;
}

/* Меню "..." */
#job-manager-job-dashboard summary.jm-ui-action-menu__open-button{
  border-radius: 12px !important;
  border: 1px solid #e2e8f0 !important;
  background: #f8fafc !important;
  transition: 0.2s ease;
}

#job-manager-job-dashboard summary.jm-ui-action-menu__open-button:hover{
  border-color: #22c55e !important;
}

/* Випадаюче меню */
#job-manager-job-dashboard .jm-ui-action-menu__content{
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  background: #ffffff;
  box-shadow: 0 14px 30px rgba(0,0,0,0.08);
  padding: 10px;
}

/* Посилання в меню */
#job-manager-job-dashboard .jm-ui-action-menu__content a{
  display: block;
  padding: 8px 10px;
  border-radius: 10px;
  color: #0f172a;
  text-decoration: none;
  font-weight: 600;
}

#job-manager-job-dashboard .jm-ui-action-menu__content a:hover{
  background: #f1f5f9;
}

/* Адаптація під телефон */
@media (max-width: 768px){
  #job-manager-job-dashboard{
    padding: 14px;
  }

  #job-manager-job-dashboard .jm-dashboard__intro{
    flex-direction: column;
    align-items: stretch;
  }

  #job-manager-job-dashboard input[type="search"]{
    width: 100%;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4e98d1d *//* ==============================
   DASHBOARD LAYOUT
================================ */
.studok-dashboard {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* ==============================
   ORDER CARD
================================ */
.studok-order-item {
    background: #ffffff;
    border-radius: 14px;
    padding: 22px;
    box-shadow: 0 8px 28px rgba(0,0,0,0.08);
    transition: transform .2s ease, box-shadow .2s ease;
}

.studok-order-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 36px rgba(0,0,0,0.12);
}

/* ==============================
   TITLE
================================ */
.studok-order-title,
.studok-order-item h3 {
    margin: 0 0 14px;
    font-size: 18px;
    font-weight: 600;
    color: #111827;
}

/* ==============================
   META (BADGES)
================================ */
.studok-order-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 14px;
}

.studok-order-meta span {
    background: #f3f4f6;
    padding: 6px 12px;
    border-radius: 999px;
    font-size: 13px;
    color: #374151;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    line-height: 1;
}

/* Highlighted meta */
.meta-budget {
    background: #ecfdf5;
    color: #065f46;
}

.meta-deadline {
    background: #fff7ed;
    color: #9a3412;
}

/* ==============================
   DESCRIPTION
================================ */
.studok-order-description {
    margin-top: 10px;
    font-size: 14px;
    color: #374151;
}

.studok-order-description strong {
    display: block;
    margin-bottom: 4px;
    color: #111827;
}

.studok-order-description p {
    margin: 0;
    line-height: 1.5;
}

/* ==============================
   FILES
================================ */
.studok-order-files {
    margin-top: 10px;
    font-size: 14px;
}

.studok-order-files a {
    color: #2563eb;
    font-weight: 500;
    text-decoration: underline;
}

/* ==============================
   ACTIONS
================================ */
.studok-order-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 18px;
    padding-top: 14px;
    border-top: 1px solid #e5e7eb;
}

.studok-order-actions .button {
    appearance: none;
    border: none;
    cursor: pointer;
    padding: 8px 16px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: all .15s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Default */
.studok-order-actions .button {
    background: #16a34a;
    color: #ffffff;
}

.studok-order-actions .button:hover {
    transform: translateY(-1px);
    filter: brightness(1.05);
}

/* Secondary */
.button.secondary {
    background: #e5e7eb;
    color: #111827;
}

/* Publish */
.button.publish {
    background: #2563eb;
    color: #ffffff;
}

/* Danger */
.button.danger {
    background: #dc2626;
    color: #ffffff;
}

/* ==============================
   RESPONSIVE (MOBILE)
================================ */
@media (max-width: 768px) {

    .studok-order-item {
        padding: 18px;
    }

    .studok-order-meta {
        gap: 8px;
    }

    .studok-order-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .studok-order-actions .button {
        width: 100%;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7f4dd84 */.studok-executors-list{
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(320px,1fr));
    gap:24px;
    margin-top:30px;
}

.studok-executor-card{
    background:#ffffff;
    border-radius:20px;
    padding:25px;
    box-shadow:0 10px 30px rgba(0,0,0,0.05);
    transition:all 0.3s ease;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
}

.studok-executor-card:hover{
    transform:translateY(-6px);
    box-shadow:0 15px 40px rgba(0,0,0,0.08);
}

.studok-executor-header{
    display:flex;
    align-items:center;
    gap:15px;
    margin-bottom:15px;
}

.studok-executor-header img{
    border-radius:50%;
    border:3px solid #2ecc71;
}

.studok-executor-info h3{
    margin:0;
    font-size:18px;
    font-weight:600;
    color:#222;
}

.studok-executor-meta{
    font-size:14px;
    color:#555;
    line-height:1.6;
    margin-bottom:20px;
}

.studok-executor-meta span{
    font-weight:600;
    color:#000;
}

.studok-executor-actions{
    display:flex;
    gap:12px;
    flex-wrap:wrap;
}

.studok-btn33{
    padding:10px 18px;
    border-radius:30px;
    text-decoration:none;
    font-size:14px;
    font-weight:500;
    transition:0.3s;
    display:inline-block;
}

.studok-btn-outline{
    border:2px solid #2ecc71;
    color:#2ecc71;
}

.studok-btn-outline:hover{
    background:#2ecc71;
    color:#fff;
}

.studok-btn-primary{
    background:#ff1a1a;
    color:#fff;
}

.studok-btn-primary:hover{
    background:#d41414;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7d23955 *//* ==============================
   DASHBOARD LAYOUT
================================ */
.studok-dashboard {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* ==============================
   ORDER CARD
================================ */
.studok-order-item {
    background: #ffffff;
    border-radius: 14px;
    padding: 22px;
    box-shadow: 0 8px 28px rgba(0,0,0,0.08);
    transition: transform .2s ease, box-shadow .2s ease;
}

.studok-order-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 36px rgba(0,0,0,0.12);
}

/* ==============================
   TITLE
================================ */
.studok-order-title,
.studok-order-item h3 {
    margin: 0 0 14px;
    font-size: 18px;
    font-weight: 600;
    color: #111827;
}

/* ==============================
   META (BADGES)
================================ */
.studok-order-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 14px;
}

.studok-order-meta span {
    background: #f3f4f6;
    padding: 6px 12px;
    border-radius: 999px;
    font-size: 13px;
    color: #374151;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    line-height: 1;
}

/* Highlighted meta */
.meta-budget {
    background: #ecfdf5;
    color: #065f46;
}

.meta-deadline {
    background: #fff7ed;
    color: #9a3412;
}

/* ==============================
   DESCRIPTION
================================ */
.studok-order-description {
    margin-top: 10px;
    font-size: 14px;
    color: #374151;
}

.studok-order-description strong {
    display: block;
    margin-bottom: 4px;
    color: #111827;
}

.studok-order-description p {
    margin: 0;
    line-height: 1.5;
}

/* ==============================
   FILES
================================ */
.studok-order-files {
    margin-top: 10px;
    font-size: 14px;
}

.studok-order-files a {
    color: #2563eb;
    font-weight: 500;
    text-decoration: underline;
}

/* ==============================
   ACTIONS
================================ */
.studok-order-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 18px;
    padding-top: 14px;
    border-top: 1px solid #e5e7eb;
}

.studok-order-actions .button {
    appearance: none;
    border: none;
    cursor: pointer;
    padding: 8px 16px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: all .15s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Default */
.studok-order-actions .button {
    background: #16a34a;
    color: #ffffff;
}

.studok-order-actions .button:hover {
    transform: translateY(-1px);
    filter: brightness(1.05);
}

/* Secondary */
.button.secondary {
    background: #e5e7eb;
    color: #111827;
}

/* Publish */
.button.publish {
    background: #2563eb;
    color: #ffffff;
}

/* Danger */
.button.danger {
    background: #dc2626;
    color: #ffffff;
}

/* ==============================
   RESPONSIVE (MOBILE)
================================ */
@media (max-width: 768px) {

    .studok-order-item {
        padding: 18px;
    }

    .studok-order-meta {
        gap: 8px;
    }

    .studok-order-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .studok-order-actions .button {
        width: 100%;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-177b598 *//* =========================================
   STUDENT CABINET - "МОЇ ЗАМОВЛЕННЯ" STYLE
   (WP Job Manager Dashboard)
   ========================================= */

/* Загальний контейнер dashboard */
#job-manager-job-dashboard{
  margin: 0 auto;
  padding: 22px;
  border-radius: 8px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
}

/* Верхня панель: пошук + кнопка */
#job-manager-job-dashboard .jm-dashboard__intro{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-bottom: 1px solid #e2e8f0;
}

/* Поле пошуку */
#job-manager-job-dashboard input[type="search"]{
  width: 320px;
  max-width: 100%;
  border: 1px solid #000000;
  background: #fff;
  border-radius: 12px;
  padding: 10px 12px;
  outline: none;
  transition: 0.2s ease;
  color: #000000;
}

#job-manager-job-dashboard input[type="search"]:focus{
  border-color: #22c55e;
  box-shadow: 0 0 0 4px rgba(34,197,94,0.15);
}

/* Кнопка "Створити замовлення" */
#job-manager-job-dashboard .jm-dashboard__actions a.jm-ui-button{
  background: #22c55e !important;
  color: #ffffff !important;
  border: 0 !important;
  border-radius: 12px !important;
  padding: 10px 16px !important;
  font-weight: 700;
  transition: 0.2s ease;
}

#job-manager-job-dashboard .jm-dashboard__actions a.jm-ui-button:hover{
  transform: translateY(-1px);
  opacity: 0.95;
}

/* Шапка таблиці */
#job-manager-job-dashboard .jm-dashboard-header{
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  padding: 12px 14px;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 10px;
}

/* Рядок замовлення */
#job-manager-job-dashboard .jm-dashboard-job{
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  padding: 14px;
  margin-bottom: 12px;
  transition: 0.2s ease;
}

#job-manager-job-dashboard .jm-dashboard-job:hover{
  box-shadow: 0 10px 22px rgba(0,0,0,0.06);
  transform: translateY(-1px);
}

/* Назва замовлення */
#job-manager-job-dashboard a.job-title{
  font-weight: 700;
  color: #0f172a;
  text-decoration: none;
}

#job-manager-job-dashboard a.job-title:hover{
  color: #16a34a;
  text-decoration: underline;
}

/* Статус "Активна" */
#job-manager-job-dashboard .job-status .job-status-publish{
  display: inline-block;
  margin-top: 6px;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 700;
  background: rgba(34,197,94,0.12);
  color: #16a34a;
}

/* Малі тексти (expires, views) */
#job-manager-job-dashboard small,
#job-manager-job-dashboard .job-expires{
  color: #64748b;
  font-size: 12px;
}

/* Кнопка "Відмітити закритою" */
#job-manager-job-dashboard .jm-ui-button--outline{
  border-radius: 12px !important;
  border: 1px solid #e2e8f0 !important;
  background: #ffffff !important;
  color: #0f172a !important;
  font-weight: 600;
  padding: 8px 12px !important;
  transition: 0.2s ease;
}

#job-manager-job-dashboard .jm-ui-button--outline:hover{
  border-color: #22c55e !important;
  color: #16a34a !important;
}

/* Меню "..." */
#job-manager-job-dashboard summary.jm-ui-action-menu__open-button{
  border-radius: 12px !important;
  border: 1px solid #e2e8f0 !important;
  background: #f8fafc !important;
  transition: 0.2s ease;
}

#job-manager-job-dashboard summary.jm-ui-action-menu__open-button:hover{
  border-color: #22c55e !important;
}

/* Випадаюче меню */
#job-manager-job-dashboard .jm-ui-action-menu__content{
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  background: #ffffff;
  box-shadow: 0 14px 30px rgba(0,0,0,0.08);
  padding: 10px;
}

/* Посилання в меню */
#job-manager-job-dashboard .jm-ui-action-menu__content a{
  display: block;
  padding: 8px 10px;
  border-radius: 10px;
  color: #0f172a;
  text-decoration: none;
  font-weight: 600;
}

#job-manager-job-dashboard .jm-ui-action-menu__content a:hover{
  background: #f1f5f9;
}

/* Адаптація під телефон */
@media (max-width: 768px){
  #job-manager-job-dashboard{
    padding: 14px;
  }

  #job-manager-job-dashboard .jm-dashboard__intro{
    flex-direction: column;
    align-items: stretch;
  }

  #job-manager-job-dashboard input[type="search"]{
    width: 100%;
  }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-fba4a0b *//* =========================================
   STUDENT CABINET - "МОЇ ЗАМОВЛЕННЯ" STYLE
   (WP Job Manager Dashboard)
   ========================================= */

/* Загальний контейнер dashboard */
#job-manager-job-dashboard{
  margin: 0 auto;
  padding: 22px;
  border-radius: 8px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
}

/* Верхня панель: пошук + кнопка */
#job-manager-job-dashboard .jm-dashboard__intro{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-bottom: 1px solid #e2e8f0;
}

/* Поле пошуку */
#job-manager-job-dashboard input[type="search"]{
  width: 320px;
  max-width: 100%;
  border: 1px solid #000000;
  background: #fff;
  border-radius: 12px;
  padding: 10px 12px;
  outline: none;
  transition: 0.2s ease;
  color: #000000;
}

#job-manager-job-dashboard input[type="search"]:focus{
  border-color: #22c55e;
  box-shadow: 0 0 0 4px rgba(34,197,94,0.15);
}

/* Кнопка "Створити замовлення" */
#job-manager-job-dashboard .jm-dashboard__actions a.jm-ui-button{
  background: #22c55e !important;
  color: #ffffff !important;
  border: 0 !important;
  border-radius: 12px !important;
  padding: 10px 16px !important;
  font-weight: 700;
  transition: 0.2s ease;
}

#job-manager-job-dashboard .jm-dashboard__actions a.jm-ui-button:hover{
  transform: translateY(-1px);
  opacity: 0.95;
}

/* Шапка таблиці */
#job-manager-job-dashboard .jm-dashboard-header{
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  padding: 12px 14px;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 10px;
}

/* Рядок замовлення */
#job-manager-job-dashboard .jm-dashboard-job{
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  padding: 14px;
  margin-bottom: 12px;
  transition: 0.2s ease;
}

#job-manager-job-dashboard .jm-dashboard-job:hover{
  box-shadow: 0 10px 22px rgba(0,0,0,0.06);
  transform: translateY(-1px);
}

/* Назва замовлення */
#job-manager-job-dashboard a.job-title{
  font-weight: 700;
  color: #0f172a;
  text-decoration: none;
}

#job-manager-job-dashboard a.job-title:hover{
  color: #16a34a;
  text-decoration: underline;
}

/* Статус "Активна" */
#job-manager-job-dashboard .job-status .job-status-publish{
  display: inline-block;
  margin-top: 6px;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 700;
  background: rgba(34,197,94,0.12);
  color: #16a34a;
}

/* Малі тексти (expires, views) */
#job-manager-job-dashboard small,
#job-manager-job-dashboard .job-expires{
  color: #64748b;
  font-size: 12px;
}

/* Кнопка "Відмітити закритою" */
#job-manager-job-dashboard .jm-ui-button--outline{
  border-radius: 12px !important;
  border: 1px solid #e2e8f0 !important;
  background: #ffffff !important;
  color: #0f172a !important;
  font-weight: 600;
  padding: 8px 12px !important;
  transition: 0.2s ease;
}

#job-manager-job-dashboard .jm-ui-button--outline:hover{
  border-color: #22c55e !important;
  color: #16a34a !important;
}

/* Меню "..." */
#job-manager-job-dashboard summary.jm-ui-action-menu__open-button{
  border-radius: 12px !important;
  border: 1px solid #e2e8f0 !important;
  background: #f8fafc !important;
  transition: 0.2s ease;
}

#job-manager-job-dashboard summary.jm-ui-action-menu__open-button:hover{
  border-color: #22c55e !important;
}

/* Випадаюче меню */
#job-manager-job-dashboard .jm-ui-action-menu__content{
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  background: #ffffff;
  box-shadow: 0 14px 30px rgba(0,0,0,0.08);
  padding: 10px;
}

/* Посилання в меню */
#job-manager-job-dashboard .jm-ui-action-menu__content a{
  display: block;
  padding: 8px 10px;
  border-radius: 10px;
  color: #0f172a;
  text-decoration: none;
  font-weight: 600;
}

#job-manager-job-dashboard .jm-ui-action-menu__content a:hover{
  background: #f1f5f9;
}

/* Адаптація під телефон */
@media (max-width: 768px){
  #job-manager-job-dashboard{
    padding: 14px;
  }

  #job-manager-job-dashboard .jm-dashboard__intro{
    flex-direction: column;
    align-items: stretch;
  }

  #job-manager-job-dashboard input[type="search"]{
    width: 100%;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-331c55f *//* ==============================
   DASHBOARD LAYOUT
================================ */
.studok-dashboard {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* ==============================
   ORDER CARD
================================ */
.studok-order-item {
    background: #ffffff;
    border-radius: 14px;
    padding: 22px;
    box-shadow: 0 8px 28px rgba(0,0,0,0.08);
    transition: transform .2s ease, box-shadow .2s ease;
}

.studok-order-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 36px rgba(0,0,0,0.12);
}

/* ==============================
   TITLE
================================ */
.studok-order-title,
.studok-order-item h3 {
    margin: 0 0 14px;
    font-size: 18px;
    font-weight: 600;
    color: #111827;
}

/* ==============================
   META (BADGES)
================================ */
.studok-order-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 14px;
}

.studok-order-meta span {
    background: #f3f4f6;
    padding: 6px 12px;
    border-radius: 999px;
    font-size: 13px;
    color: #374151;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    line-height: 1;
}

/* Highlighted meta */
.meta-budget {
    background: #ecfdf5;
    color: #065f46;
}

.meta-deadline {
    background: #fff7ed;
    color: #9a3412;
}

/* ==============================
   DESCRIPTION
================================ */
.studok-order-description {
    margin-top: 10px;
    font-size: 14px;
    color: #374151;
}

.studok-order-description strong {
    display: block;
    margin-bottom: 4px;
    color: #111827;
}

.studok-order-description p {
    margin: 0;
    line-height: 1.5;
}

/* ==============================
   FILES
================================ */
.studok-order-files {
    margin-top: 10px;
    font-size: 14px;
}

.studok-order-files a {
    color: #2563eb;
    font-weight: 500;
    text-decoration: underline;
}

/* ==============================
   ACTIONS
================================ */
.studok-order-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 18px;
    padding-top: 14px;
    border-top: 1px solid #e5e7eb;
}

.studok-order-actions .button {
    appearance: none;
    border: none;
    cursor: pointer;
    padding: 8px 16px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: all .15s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Default */
.studok-order-actions .button {
    background: #16a34a;
    color: #ffffff;
}

.studok-order-actions .button:hover {
    transform: translateY(-1px);
    filter: brightness(1.05);
}

/* Secondary */
.button.secondary {
    background: #e5e7eb;
    color: #111827;
}

/* Publish */
.button.publish {
    background: #2563eb;
    color: #ffffff;
}

/* Danger */
.button.danger {
    background: #dc2626;
    color: #ffffff;
}

/* ==============================
   RESPONSIVE (MOBILE)
================================ */
@media (max-width: 768px) {

    .studok-order-item {
        padding: 18px;
    }

    .studok-order-meta {
        gap: 8px;
    }

    .studok-order-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .studok-order-actions .button {
        width: 100%;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3d7ee6e *//* ==============================
   DASHBOARD LAYOUT
================================ */
.studok-dashboard {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* ==============================
   ORDER CARD
================================ */
.studok-order-item {
    background: #ffffff;
    border-radius: 14px;
    padding: 22px;
    box-shadow: 0 8px 28px rgba(0,0,0,0.08);
    transition: transform .2s ease, box-shadow .2s ease;
}

.studok-order-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 36px rgba(0,0,0,0.12);
}

/* ==============================
   TITLE
================================ */
.studok-order-title,
.studok-order-item h3 {
    margin: 0 0 14px;
    font-size: 18px;
    font-weight: 600;
    color: #111827;
}

/* ==============================
   META (BADGES)
================================ */
.studok-order-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 14px;
}

.studok-order-meta span {
    background: #f3f4f6;
    padding: 6px 12px;
    border-radius: 999px;
    font-size: 13px;
    color: #374151;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    line-height: 1;
}

/* Highlighted meta */
.meta-budget {
    background: #ecfdf5;
    color: #065f46;
}

.meta-deadline {
    background: #fff7ed;
    color: #9a3412;
}

/* ==============================
   DESCRIPTION
================================ */
.studok-order-description {
    margin-top: 10px;
    font-size: 14px;
    color: #374151;
}

.studok-order-description strong {
    display: block;
    margin-bottom: 4px;
    color: #111827;
}

.studok-order-description p {
    margin: 0;
    line-height: 1.5;
}

/* ==============================
   FILES
================================ */
.studok-order-files {
    margin-top: 10px;
    font-size: 14px;
}

.studok-order-files a {
    color: #2563eb;
    font-weight: 500;
    text-decoration: underline;
}

/* ==============================
   ACTIONS
================================ */
.studok-order-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 18px;
    padding-top: 14px;
    border-top: 1px solid #e5e7eb;
}

.studok-order-actions .button {
    appearance: none;
    border: none;
    cursor: pointer;
    padding: 8px 16px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: all .15s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Default */
.studok-order-actions .button {
    background: #16a34a;
    color: #ffffff;
}

.studok-order-actions .button:hover {
    transform: translateY(-1px);
    filter: brightness(1.05);
}

/* Secondary */
.button.secondary {
    background: #e5e7eb;
    color: #111827;
}

/* Publish */
.button.publish {
    background: #2563eb;
    color: #ffffff;
}

/* Danger */
.button.danger {
    background: #dc2626;
    color: #ffffff;
}

/* ==============================
   RESPONSIVE (MOBILE)
================================ */
@media (max-width: 768px) {

    .studok-order-item {
        padding: 18px;
    }

    .studok-order-meta {
        gap: 8px;
    }

    .studok-order-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .studok-order-actions .button {
        width: 100%;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-26dd4ac *//* ==============================
   DASHBOARD LAYOUT
================================ */
.studok-dashboard {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* ==============================
   ORDER CARD
================================ */
.studok-order-item {
    background: #ffffff;
    border-radius: 14px;
    padding: 22px;
    box-shadow: 0 8px 28px rgba(0,0,0,0.08);
    transition: transform .2s ease, box-shadow .2s ease;
}

.studok-order-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 36px rgba(0,0,0,0.12);
}

/* ==============================
   TITLE
================================ */
.studok-order-title,
.studok-order-item h3 {
    margin: 0 0 14px;
    font-size: 18px;
    font-weight: 600;
    color: #111827;
}

/* ==============================
   META (BADGES)
================================ */
.studok-order-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 14px;
}

.studok-order-meta span {
    background: #f3f4f6;
    padding: 6px 12px;
    border-radius: 999px;
    font-size: 13px;
    color: #374151;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    line-height: 1;
}

/* Highlighted meta */
.meta-budget {
    background: #ecfdf5;
    color: #065f46;
}

.meta-deadline {
    background: #fff7ed;
    color: #9a3412;
}

/* ==============================
   DESCRIPTION
================================ */
.studok-order-description {
    margin-top: 10px;
    font-size: 14px;
    color: #374151;
}

.studok-order-description strong {
    display: block;
    margin-bottom: 4px;
    color: #111827;
}

.studok-order-description p {
    margin: 0;
    line-height: 1.5;
}

/* ==============================
   FILES
================================ */
.studok-order-files {
    margin-top: 10px;
    font-size: 14px;
}

.studok-order-files a {
    color: #2563eb;
    font-weight: 500;
    text-decoration: underline;
}

/* ==============================
   ACTIONS
================================ */
.studok-order-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 18px;
    padding-top: 14px;
    border-top: 1px solid #e5e7eb;
}

.studok-order-actions .button {
    appearance: none;
    border: none;
    cursor: pointer;
    padding: 8px 16px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: all .15s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Default */
.studok-order-actions .button {
    background: #16a34a;
    color: #ffffff;
}

.studok-order-actions .button:hover {
    transform: translateY(-1px);
    filter: brightness(1.05);
}

/* Secondary */
.button.secondary {
    background: #e5e7eb;
    color: #111827;
}

/* Publish */
.button.publish {
    background: #2563eb;
    color: #ffffff;
}

/* Danger */
.button.danger {
    background: #dc2626;
    color: #ffffff;
}

/* ==============================
   RESPONSIVE (MOBILE)
================================ */
@media (max-width: 768px) {

    .studok-order-item {
        padding: 18px;
    }

    .studok-order-meta {
        gap: 8px;
    }

    .studok-order-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .studok-order-actions .button {
        width: 100%;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-6153366 *//* =========================================
   STUDENT CABINET - "МОЇ ЗАМОВЛЕННЯ" STYLE
   (WP Job Manager Dashboard)
   ========================================= */

/* Загальний контейнер dashboard */
#job-manager-job-dashboard{
  margin: 0 auto;
  padding: 22px;
  border-radius: 8px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
}

/* Верхня панель: пошук + кнопка */
#job-manager-job-dashboard .jm-dashboard__intro{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-bottom: 1px solid #e2e8f0;
}

/* Поле пошуку */
#job-manager-job-dashboard input[type="search"]{
  width: 320px;
  max-width: 100%;
  border: 1px solid #000000;
  background: #fff;
  border-radius: 12px;
  padding: 10px 12px;
  outline: none;
  transition: 0.2s ease;
  color: #000000;
}

#job-manager-job-dashboard input[type="search"]:focus{
  border-color: #22c55e;
  box-shadow: 0 0 0 4px rgba(34,197,94,0.15);
}

/* Кнопка "Створити замовлення" */
#job-manager-job-dashboard .jm-dashboard__actions a.jm-ui-button{
  background: #22c55e !important;
  color: #ffffff !important;
  border: 0 !important;
  border-radius: 12px !important;
  padding: 10px 16px !important;
  font-weight: 700;
  transition: 0.2s ease;
}

#job-manager-job-dashboard .jm-dashboard__actions a.jm-ui-button:hover{
  transform: translateY(-1px);
  opacity: 0.95;
}

/* Шапка таблиці */
#job-manager-job-dashboard .jm-dashboard-header{
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  padding: 12px 14px;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 10px;
}

/* Рядок замовлення */
#job-manager-job-dashboard .jm-dashboard-job{
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  padding: 14px;
  margin-bottom: 12px;
  transition: 0.2s ease;
}

#job-manager-job-dashboard .jm-dashboard-job:hover{
  box-shadow: 0 10px 22px rgba(0,0,0,0.06);
  transform: translateY(-1px);
}

/* Назва замовлення */
#job-manager-job-dashboard a.job-title{
  font-weight: 700;
  color: #0f172a;
  text-decoration: none;
}

#job-manager-job-dashboard a.job-title:hover{
  color: #16a34a;
  text-decoration: underline;
}

/* Статус "Активна" */
#job-manager-job-dashboard .job-status .job-status-publish{
  display: inline-block;
  margin-top: 6px;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 700;
  background: rgba(34,197,94,0.12);
  color: #16a34a;
}

/* Малі тексти (expires, views) */
#job-manager-job-dashboard small,
#job-manager-job-dashboard .job-expires{
  color: #64748b;
  font-size: 12px;
}

/* Кнопка "Відмітити закритою" */
#job-manager-job-dashboard .jm-ui-button--outline{
  border-radius: 12px !important;
  border: 1px solid #e2e8f0 !important;
  background: #ffffff !important;
  color: #0f172a !important;
  font-weight: 600;
  padding: 8px 12px !important;
  transition: 0.2s ease;
}

#job-manager-job-dashboard .jm-ui-button--outline:hover{
  border-color: #22c55e !important;
  color: #16a34a !important;
}

/* Меню "..." */
#job-manager-job-dashboard summary.jm-ui-action-menu__open-button{
  border-radius: 12px !important;
  border: 1px solid #e2e8f0 !important;
  background: #f8fafc !important;
  transition: 0.2s ease;
}

#job-manager-job-dashboard summary.jm-ui-action-menu__open-button:hover{
  border-color: #22c55e !important;
}

/* Випадаюче меню */
#job-manager-job-dashboard .jm-ui-action-menu__content{
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  background: #ffffff;
  box-shadow: 0 14px 30px rgba(0,0,0,0.08);
  padding: 10px;
}

/* Посилання в меню */
#job-manager-job-dashboard .jm-ui-action-menu__content a{
  display: block;
  padding: 8px 10px;
  border-radius: 10px;
  color: #0f172a;
  text-decoration: none;
  font-weight: 600;
}

#job-manager-job-dashboard .jm-ui-action-menu__content a:hover{
  background: #f1f5f9;
}

/* Адаптація під телефон */
@media (max-width: 768px){
  #job-manager-job-dashboard{
    padding: 14px;
  }

  #job-manager-job-dashboard .jm-dashboard__intro{
    flex-direction: column;
    align-items: stretch;
  }

  #job-manager-job-dashboard input[type="search"]{
    width: 100%;
  }
}


/* =====================================
   STUDOK — ACCOUNT CENTER PREMIUM STYLE
===================================== */


/* MAIN CONTAINER */

.um.um-account {

    background: #ffffff;
    padding: 32px !important;

    border-radius: 16px !important;

    box-shadow: 
        0 10px 30px rgba(0,0,0,0.05),
        0 2px 6px rgba(0,0,0,0.04);


}


/* AVATAR */

.um-account-meta-img img {

    width: 90px !important;
    height: 90px !important;

    border-radius: 50% !important;

    border: 4px solid #ecfdf5;

    box-shadow: 0 5px 15px rgba(0,0,0,0.08);

}


/* USERNAME */

.um-account-name a {

    font-size: 14px !important;
    font-weight: 600 !important;

    color: #111827 !important;

}


/* PROFILE LINK */

.um-account-profile-link a {

    color: #22c55e !important;

    font-weight: 500 !important;

}


/* FIELD CONTAINER */

.um-field {

    margin-bottom: 20px !important;

}


/* LABEL */

.um-field-label label {

    font-size: 14px !important;

    font-weight: 600 !important;

    color: #374151 !important;

    margin-bottom: 6px !important;

}


/* INPUT */

.um-form-field {

    height: 44px !important;

    border-radius: 10px !important;

    border: 1px solid #e5e7eb !important;

    padding: 0 14px !important;

    font-size: 15px !important;

    transition: all 0.2s ease;

}


/* INPUT HOVER */

.um-form-field:hover {

    border-color: #22c55e !important;

}


/* INPUT FOCUS */

.um-form-field:focus {

    border-color: #22c55e !important;

    box-shadow: 0 0 0 3px rgba(34,197,94,0.15);

    outline: none !important;

}


/* BUTTON */

.um-button {

    background: linear-gradient(135deg,#22c55e,#16a34a) !important;

    border: none !important;

    color: white !important;

    height: 44px;

    padding: 0 24px !important;

    border-radius: 10px !important;

    font-weight: 600 !important;

    box-shadow: 0 6px 18px rgba(34,197,94,0.25);

    transition: all 0.25s ease;

}


/* BUTTON HOVER */

.um-button:hover {

    transform: translateY(-2px);

    box-shadow: 0 10px 22px rgba(34,197,94,0.35);

}


/* HEADING */

.um-account-heading {

    font-size: 20px !important;

    font-weight: 600 !important;

    margin-bottom: 24px !important;

    color: #111827;

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ab2dc26 *//* ==============================
   DASHBOARD LAYOUT
================================ */
.studok-dashboard {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* ==============================
   ORDER CARD
================================ */
.studok-order-item {
    background: #ffffff;
    border-radius: 14px;
    padding: 22px;
    box-shadow: 0 8px 28px rgba(0,0,0,0.08);
    transition: transform .2s ease, box-shadow .2s ease;
}

.studok-order-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 36px rgba(0,0,0,0.12);
}

/* ==============================
   TITLE
================================ */
.studok-order-title,
.studok-order-item h3 {
    margin: 0 0 14px;
    font-size: 18px;
    font-weight: 600;
    color: #111827;
}

/* ==============================
   META (BADGES)
================================ */
.studok-order-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 14px;
}

.studok-order-meta span {
    background: #f3f4f6;
    padding: 6px 12px;
    border-radius: 999px;
    font-size: 13px;
    color: #374151;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    line-height: 1;
}

/* Highlighted meta */
.meta-budget {
    background: #ecfdf5;
    color: #065f46;
}

.meta-deadline {
    background: #fff7ed;
    color: #9a3412;
}

/* ==============================
   DESCRIPTION
================================ */
.studok-order-description {
    margin-top: 10px;
    font-size: 14px;
    color: #374151;
}

.studok-order-description strong {
    display: block;
    margin-bottom: 4px;
    color: #111827;
}

.studok-order-description p {
    margin: 0;
    line-height: 1.5;
}

/* ==============================
   FILES
================================ */
.studok-order-files {
    margin-top: 10px;
    font-size: 14px;
}

.studok-order-files a {
    color: #2563eb;
    font-weight: 500;
    text-decoration: underline;
}

/* ==============================
   ACTIONS
================================ */
.studok-order-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 18px;
    padding-top: 14px;
    border-top: 1px solid #e5e7eb;
}

.studok-order-actions .button {
    appearance: none;
    border: none;
    cursor: pointer;
    padding: 8px 16px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: all .15s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Default */
.studok-order-actions .button {
    background: #16a34a;
    color: #ffffff;
}

.studok-order-actions .button:hover {
    transform: translateY(-1px);
    filter: brightness(1.05);
}

/* Secondary */
.button.secondary {
    background: #e5e7eb;
    color: #111827;
}

/* Publish */
.button.publish {
    background: #2563eb;
    color: #ffffff;
}

/* Danger */
.button.danger {
    background: #dc2626;
    color: #ffffff;
}

/* ==============================
   RESPONSIVE (MOBILE)
================================ */
@media (max-width: 768px) {

    .studok-order-item {
        padding: 18px;
    }

    .studok-order-meta {
        gap: 8px;
    }

    .studok-order-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .studok-order-actions .button {
        width: 100%;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-4f27b96 *//* =========================================
   STUDENT CABINET - "МОЇ ЗАМОВЛЕННЯ" STYLE
   (WP Job Manager Dashboard)
   ========================================= */

/* Загальний контейнер dashboard */
#job-manager-job-dashboard{
  margin: 0 auto;
  padding: 22px;
  border-radius: 8px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
}

/* Верхня панель: пошук + кнопка */
#job-manager-job-dashboard .jm-dashboard__intro{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-bottom: 1px solid #e2e8f0;
}

/* Поле пошуку */
#job-manager-job-dashboard input[type="search"]{
  width: 320px;
  max-width: 100%;
  border: 1px solid #000000;
  background: #fff;
  border-radius: 12px;
  padding: 10px 12px;
  outline: none;
  transition: 0.2s ease;
  color: #000000;
}

#job-manager-job-dashboard input[type="search"]:focus{
  border-color: #22c55e;
  box-shadow: 0 0 0 4px rgba(34,197,94,0.15);
}

/* Кнопка "Створити замовлення" */
#job-manager-job-dashboard .jm-dashboard__actions a.jm-ui-button{
  background: #22c55e !important;
  color: #ffffff !important;
  border: 0 !important;
  border-radius: 12px !important;
  padding: 10px 16px !important;
  font-weight: 700;
  transition: 0.2s ease;
}

#job-manager-job-dashboard .jm-dashboard__actions a.jm-ui-button:hover{
  transform: translateY(-1px);
  opacity: 0.95;
}

/* Шапка таблиці */
#job-manager-job-dashboard .jm-dashboard-header{
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  padding: 12px 14px;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 10px;
}

/* Рядок замовлення */
#job-manager-job-dashboard .jm-dashboard-job{
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  padding: 14px;
  margin-bottom: 12px;
  transition: 0.2s ease;
}

#job-manager-job-dashboard .jm-dashboard-job:hover{
  box-shadow: 0 10px 22px rgba(0,0,0,0.06);
  transform: translateY(-1px);
}

/* Назва замовлення */
#job-manager-job-dashboard a.job-title{
  font-weight: 700;
  color: #0f172a;
  text-decoration: none;
}

#job-manager-job-dashboard a.job-title:hover{
  color: #16a34a;
  text-decoration: underline;
}

/* Статус "Активна" */
#job-manager-job-dashboard .job-status .job-status-publish{
  display: inline-block;
  margin-top: 6px;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 700;
  background: rgba(34,197,94,0.12);
  color: #16a34a;
}

/* Малі тексти (expires, views) */
#job-manager-job-dashboard small,
#job-manager-job-dashboard .job-expires{
  color: #64748b;
  font-size: 12px;
}

/* Кнопка "Відмітити закритою" */
#job-manager-job-dashboard .jm-ui-button--outline{
  border-radius: 12px !important;
  border: 1px solid #e2e8f0 !important;
  background: #ffffff !important;
  color: #0f172a !important;
  font-weight: 600;
  padding: 8px 12px !important;
  transition: 0.2s ease;
}

#job-manager-job-dashboard .jm-ui-button--outline:hover{
  border-color: #22c55e !important;
  color: #16a34a !important;
}

/* Меню "..." */
#job-manager-job-dashboard summary.jm-ui-action-menu__open-button{
  border-radius: 12px !important;
  border: 1px solid #e2e8f0 !important;
  background: #f8fafc !important;
  transition: 0.2s ease;
}

#job-manager-job-dashboard summary.jm-ui-action-menu__open-button:hover{
  border-color: #22c55e !important;
}

/* Випадаюче меню */
#job-manager-job-dashboard .jm-ui-action-menu__content{
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  background: #ffffff;
  box-shadow: 0 14px 30px rgba(0,0,0,0.08);
  padding: 10px;
}

/* Посилання в меню */
#job-manager-job-dashboard .jm-ui-action-menu__content a{
  display: block;
  padding: 8px 10px;
  border-radius: 10px;
  color: #0f172a;
  text-decoration: none;
  font-weight: 600;
}

#job-manager-job-dashboard .jm-ui-action-menu__content a:hover{
  background: #f1f5f9;
}

/* Адаптація під телефон */
@media (max-width: 768px){
  #job-manager-job-dashboard{
    padding: 14px;
  }

  #job-manager-job-dashboard .jm-dashboard__intro{
    flex-direction: column;
    align-items: stretch;
  }

  #job-manager-job-dashboard input[type="search"]{
    width: 100%;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d2aa878 *//* ==============================
   DASHBOARD LAYOUT
================================ */
.studok-dashboard {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* ==============================
   ORDER CARD
================================ */
.studok-order-item {
    background: #ffffff;
    border-radius: 14px;
    padding: 22px;
    box-shadow: 0 8px 28px rgba(0,0,0,0.08);
    transition: transform .2s ease, box-shadow .2s ease;
}

.studok-order-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 36px rgba(0,0,0,0.12);
}

/* ==============================
   TITLE
================================ */
.studok-order-title,
.studok-order-item h3 {
    margin: 0 0 14px;
    font-size: 18px;
    font-weight: 600;
    color: #111827;
}

/* ==============================
   META (BADGES)
================================ */
.studok-order-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 14px;
}

.studok-order-meta span {
    background: #f3f4f6;
    padding: 6px 12px;
    border-radius: 999px;
    font-size: 13px;
    color: #374151;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    line-height: 1;
}

/* Highlighted meta */
.meta-budget {
    background: #ecfdf5;
    color: #065f46;
}

.meta-deadline {
    background: #fff7ed;
    color: #9a3412;
}

/* ==============================
   DESCRIPTION
================================ */
.studok-order-description {
    margin-top: 10px;
    font-size: 14px;
    color: #374151;
}

.studok-order-description strong {
    display: block;
    margin-bottom: 4px;
    color: #111827;
}

.studok-order-description p {
    margin: 0;
    line-height: 1.5;
}

/* ==============================
   FILES
================================ */
.studok-order-files {
    margin-top: 10px;
    font-size: 14px;
}

.studok-order-files a {
    color: #2563eb;
    font-weight: 500;
    text-decoration: underline;
}

/* ==============================
   ACTIONS
================================ */
.studok-order-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 18px;
    padding-top: 14px;
    border-top: 1px solid #e5e7eb;
}

.studok-order-actions .button {
    appearance: none;
    border: none;
    cursor: pointer;
    padding: 8px 16px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: all .15s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Default */
.studok-order-actions .button {
    background: #16a34a;
    color: #ffffff;
}

.studok-order-actions .button:hover {
    transform: translateY(-1px);
    filter: brightness(1.05);
}

/* Secondary */
.button.secondary {
    background: #e5e7eb;
    color: #111827;
}

/* Publish */
.button.publish {
    background: #2563eb;
    color: #ffffff;
}

/* Danger */
.button.danger {
    background: #dc2626;
    color: #ffffff;
}

/* ==============================
   RESPONSIVE (MOBILE)
================================ */
@media (max-width: 768px) {

    .studok-order-item {
        padding: 18px;
    }

    .studok-order-meta {
        gap: 8px;
    }

    .studok-order-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .studok-order-actions .button {
        width: 100%;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-6c7ae26 *//* =========================================
   STUDENT CABINET - "МОЇ ЗАМОВЛЕННЯ" STYLE
   (WP Job Manager Dashboard)
   ========================================= */

/* Загальний контейнер dashboard */
#job-manager-job-dashboard{
  margin: 0 auto;
  padding: 22px;
  border-radius: 8px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
}

/* Верхня панель: пошук + кнопка */
#job-manager-job-dashboard .jm-dashboard__intro{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-bottom: 1px solid #e2e8f0;
}

/* Поле пошуку */
#job-manager-job-dashboard input[type="search"]{
  width: 320px;
  max-width: 100%;
  border: 1px solid #000000;
  background: #fff;
  border-radius: 12px;
  padding: 10px 12px;
  outline: none;
  transition: 0.2s ease;
  color: #000000;
}

#job-manager-job-dashboard input[type="search"]:focus{
  border-color: #22c55e;
  box-shadow: 0 0 0 4px rgba(34,197,94,0.15);
}

/* Кнопка "Створити замовлення" */
#job-manager-job-dashboard .jm-dashboard__actions a.jm-ui-button{
  background: #22c55e !important;
  color: #ffffff !important;
  border: 0 !important;
  border-radius: 12px !important;
  padding: 10px 16px !important;
  font-weight: 700;
  transition: 0.2s ease;
}

#job-manager-job-dashboard .jm-dashboard__actions a.jm-ui-button:hover{
  transform: translateY(-1px);
  opacity: 0.95;
}

/* Шапка таблиці */
#job-manager-job-dashboard .jm-dashboard-header{
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  padding: 12px 14px;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 10px;
}

/* Рядок замовлення */
#job-manager-job-dashboard .jm-dashboard-job{
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  padding: 14px;
  margin-bottom: 12px;
  transition: 0.2s ease;
}

#job-manager-job-dashboard .jm-dashboard-job:hover{
  box-shadow: 0 10px 22px rgba(0,0,0,0.06);
  transform: translateY(-1px);
}

/* Назва замовлення */
#job-manager-job-dashboard a.job-title{
  font-weight: 700;
  color: #0f172a;
  text-decoration: none;
}

#job-manager-job-dashboard a.job-title:hover{
  color: #16a34a;
  text-decoration: underline;
}

/* Статус "Активна" */
#job-manager-job-dashboard .job-status .job-status-publish{
  display: inline-block;
  margin-top: 6px;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 700;
  background: rgba(34,197,94,0.12);
  color: #16a34a;
}

/* Малі тексти (expires, views) */
#job-manager-job-dashboard small,
#job-manager-job-dashboard .job-expires{
  color: #64748b;
  font-size: 12px;
}

/* Кнопка "Відмітити закритою" */
#job-manager-job-dashboard .jm-ui-button--outline{
  border-radius: 12px !important;
  border: 1px solid #e2e8f0 !important;
  background: #ffffff !important;
  color: #0f172a !important;
  font-weight: 600;
  padding: 8px 12px !important;
  transition: 0.2s ease;
}

#job-manager-job-dashboard .jm-ui-button--outline:hover{
  border-color: #22c55e !important;
  color: #16a34a !important;
}

/* Меню "..." */
#job-manager-job-dashboard summary.jm-ui-action-menu__open-button{
  border-radius: 12px !important;
  border: 1px solid #e2e8f0 !important;
  background: #f8fafc !important;
  transition: 0.2s ease;
}

#job-manager-job-dashboard summary.jm-ui-action-menu__open-button:hover{
  border-color: #22c55e !important;
}

/* Випадаюче меню */
#job-manager-job-dashboard .jm-ui-action-menu__content{
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  background: #ffffff;
  box-shadow: 0 14px 30px rgba(0,0,0,0.08);
  padding: 10px;
}

/* Посилання в меню */
#job-manager-job-dashboard .jm-ui-action-menu__content a{
  display: block;
  padding: 8px 10px;
  border-radius: 10px;
  color: #0f172a;
  text-decoration: none;
  font-weight: 600;
}

#job-manager-job-dashboard .jm-ui-action-menu__content a:hover{
  background: #f1f5f9;
}

/* Адаптація під телефон */
@media (max-width: 768px){
  #job-manager-job-dashboard{
    padding: 14px;
  }

  #job-manager-job-dashboard .jm-dashboard__intro{
    flex-direction: column;
    align-items: stretch;
  }

  #job-manager-job-dashboard input[type="search"]{
    width: 100%;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4e98d1d *//* ==============================
   DASHBOARD LAYOUT
================================ */
.studok-dashboard {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* ==============================
   ORDER CARD
================================ */
.studok-order-item {
    background: #ffffff;
    border-radius: 14px;
    padding: 22px;
    box-shadow: 0 8px 28px rgba(0,0,0,0.08);
    transition: transform .2s ease, box-shadow .2s ease;
}

.studok-order-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 36px rgba(0,0,0,0.12);
}

/* ==============================
   TITLE
================================ */
.studok-order-title,
.studok-order-item h3 {
    margin: 0 0 14px;
    font-size: 18px;
    font-weight: 600;
    color: #111827;
}

/* ==============================
   META (BADGES)
================================ */
.studok-order-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 14px;
}

.studok-order-meta span {
    background: #f3f4f6;
    padding: 6px 12px;
    border-radius: 999px;
    font-size: 13px;
    color: #374151;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    line-height: 1;
}

/* Highlighted meta */
.meta-budget {
    background: #ecfdf5;
    color: #065f46;
}

.meta-deadline {
    background: #fff7ed;
    color: #9a3412;
}

/* ==============================
   DESCRIPTION
================================ */
.studok-order-description {
    margin-top: 10px;
    font-size: 14px;
    color: #374151;
}

.studok-order-description strong {
    display: block;
    margin-bottom: 4px;
    color: #111827;
}

.studok-order-description p {
    margin: 0;
    line-height: 1.5;
}

/* ==============================
   FILES
================================ */
.studok-order-files {
    margin-top: 10px;
    font-size: 14px;
}

.studok-order-files a {
    color: #2563eb;
    font-weight: 500;
    text-decoration: underline;
}

/* ==============================
   ACTIONS
================================ */
.studok-order-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 18px;
    padding-top: 14px;
    border-top: 1px solid #e5e7eb;
}

.studok-order-actions .button {
    appearance: none;
    border: none;
    cursor: pointer;
    padding: 8px 16px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: all .15s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Default */
.studok-order-actions .button {
    background: #16a34a;
    color: #ffffff;
}

.studok-order-actions .button:hover {
    transform: translateY(-1px);
    filter: brightness(1.05);
}

/* Secondary */
.button.secondary {
    background: #e5e7eb;
    color: #111827;
}

/* Publish */
.button.publish {
    background: #2563eb;
    color: #ffffff;
}

/* Danger */
.button.danger {
    background: #dc2626;
    color: #ffffff;
}

/* ==============================
   RESPONSIVE (MOBILE)
================================ */
@media (max-width: 768px) {

    .studok-order-item {
        padding: 18px;
    }

    .studok-order-meta {
        gap: 8px;
    }

    .studok-order-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .studok-order-actions .button {
        width: 100%;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7f4dd84 */.studok-executors-list{
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(320px,1fr));
    gap:24px;
    margin-top:30px;
}

.studok-executor-card{
    background:#ffffff;
    border-radius:20px;
    padding:25px;
    box-shadow:0 10px 30px rgba(0,0,0,0.05);
    transition:all 0.3s ease;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
}

.studok-executor-card:hover{
    transform:translateY(-6px);
    box-shadow:0 15px 40px rgba(0,0,0,0.08);
}

.studok-executor-header{
    display:flex;
    align-items:center;
    gap:15px;
    margin-bottom:15px;
}

.studok-executor-header img{
    border-radius:50%;
    border:3px solid #2ecc71;
}

.studok-executor-info h3{
    margin:0;
    font-size:18px;
    font-weight:600;
    color:#222;
}

.studok-executor-meta{
    font-size:14px;
    color:#555;
    line-height:1.6;
    margin-bottom:20px;
}

.studok-executor-meta span{
    font-weight:600;
    color:#000;
}

.studok-executor-actions{
    display:flex;
    gap:12px;
    flex-wrap:wrap;
}

.studok-btn33{
    padding:10px 18px;
    border-radius:30px;
    text-decoration:none;
    font-size:14px;
    font-weight:500;
    transition:0.3s;
    display:inline-block;
}

.studok-btn-outline{
    border:2px solid #2ecc71;
    color:#2ecc71;
}

.studok-btn-outline:hover{
    background:#2ecc71;
    color:#fff;
}

.studok-btn-primary{
    background:#ff1a1a;
    color:#fff;
}

.studok-btn-primary:hover{
    background:#d41414;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7d23955 *//* ==============================
   DASHBOARD LAYOUT
================================ */
.studok-dashboard {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* ==============================
   ORDER CARD
================================ */
.studok-order-item {
    background: #ffffff;
    border-radius: 14px;
    padding: 22px;
    box-shadow: 0 8px 28px rgba(0,0,0,0.08);
    transition: transform .2s ease, box-shadow .2s ease;
}

.studok-order-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 36px rgba(0,0,0,0.12);
}

/* ==============================
   TITLE
================================ */
.studok-order-title,
.studok-order-item h3 {
    margin: 0 0 14px;
    font-size: 18px;
    font-weight: 600;
    color: #111827;
}

/* ==============================
   META (BADGES)
================================ */
.studok-order-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 14px;
}

.studok-order-meta span {
    background: #f3f4f6;
    padding: 6px 12px;
    border-radius: 999px;
    font-size: 13px;
    color: #374151;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    line-height: 1;
}

/* Highlighted meta */
.meta-budget {
    background: #ecfdf5;
    color: #065f46;
}

.meta-deadline {
    background: #fff7ed;
    color: #9a3412;
}

/* ==============================
   DESCRIPTION
================================ */
.studok-order-description {
    margin-top: 10px;
    font-size: 14px;
    color: #374151;
}

.studok-order-description strong {
    display: block;
    margin-bottom: 4px;
    color: #111827;
}

.studok-order-description p {
    margin: 0;
    line-height: 1.5;
}

/* ==============================
   FILES
================================ */
.studok-order-files {
    margin-top: 10px;
    font-size: 14px;
}

.studok-order-files a {
    color: #2563eb;
    font-weight: 500;
    text-decoration: underline;
}

/* ==============================
   ACTIONS
================================ */
.studok-order-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 18px;
    padding-top: 14px;
    border-top: 1px solid #e5e7eb;
}

.studok-order-actions .button {
    appearance: none;
    border: none;
    cursor: pointer;
    padding: 8px 16px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: all .15s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Default */
.studok-order-actions .button {
    background: #16a34a;
    color: #ffffff;
}

.studok-order-actions .button:hover {
    transform: translateY(-1px);
    filter: brightness(1.05);
}

/* Secondary */
.button.secondary {
    background: #e5e7eb;
    color: #111827;
}

/* Publish */
.button.publish {
    background: #2563eb;
    color: #ffffff;
}

/* Danger */
.button.danger {
    background: #dc2626;
    color: #ffffff;
}

/* ==============================
   RESPONSIVE (MOBILE)
================================ */
@media (max-width: 768px) {

    .studok-order-item {
        padding: 18px;
    }

    .studok-order-meta {
        gap: 8px;
    }

    .studok-order-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .studok-order-actions .button {
        width: 100%;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-177b598 *//* =========================================
   STUDENT CABINET - "МОЇ ЗАМОВЛЕННЯ" STYLE
   (WP Job Manager Dashboard)
   ========================================= */

/* Загальний контейнер dashboard */
#job-manager-job-dashboard{
  margin: 0 auto;
  padding: 22px;
  border-radius: 8px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
}

/* Верхня панель: пошук + кнопка */
#job-manager-job-dashboard .jm-dashboard__intro{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-bottom: 1px solid #e2e8f0;
}

/* Поле пошуку */
#job-manager-job-dashboard input[type="search"]{
  width: 320px;
  max-width: 100%;
  border: 1px solid #000000;
  background: #fff;
  border-radius: 12px;
  padding: 10px 12px;
  outline: none;
  transition: 0.2s ease;
  color: #000000;
}

#job-manager-job-dashboard input[type="search"]:focus{
  border-color: #22c55e;
  box-shadow: 0 0 0 4px rgba(34,197,94,0.15);
}

/* Кнопка "Створити замовлення" */
#job-manager-job-dashboard .jm-dashboard__actions a.jm-ui-button{
  background: #22c55e !important;
  color: #ffffff !important;
  border: 0 !important;
  border-radius: 12px !important;
  padding: 10px 16px !important;
  font-weight: 700;
  transition: 0.2s ease;
}

#job-manager-job-dashboard .jm-dashboard__actions a.jm-ui-button:hover{
  transform: translateY(-1px);
  opacity: 0.95;
}

/* Шапка таблиці */
#job-manager-job-dashboard .jm-dashboard-header{
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  padding: 12px 14px;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 10px;
}

/* Рядок замовлення */
#job-manager-job-dashboard .jm-dashboard-job{
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  padding: 14px;
  margin-bottom: 12px;
  transition: 0.2s ease;
}

#job-manager-job-dashboard .jm-dashboard-job:hover{
  box-shadow: 0 10px 22px rgba(0,0,0,0.06);
  transform: translateY(-1px);
}

/* Назва замовлення */
#job-manager-job-dashboard a.job-title{
  font-weight: 700;
  color: #0f172a;
  text-decoration: none;
}

#job-manager-job-dashboard a.job-title:hover{
  color: #16a34a;
  text-decoration: underline;
}

/* Статус "Активна" */
#job-manager-job-dashboard .job-status .job-status-publish{
  display: inline-block;
  margin-top: 6px;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 700;
  background: rgba(34,197,94,0.12);
  color: #16a34a;
}

/* Малі тексти (expires, views) */
#job-manager-job-dashboard small,
#job-manager-job-dashboard .job-expires{
  color: #64748b;
  font-size: 12px;
}

/* Кнопка "Відмітити закритою" */
#job-manager-job-dashboard .jm-ui-button--outline{
  border-radius: 12px !important;
  border: 1px solid #e2e8f0 !important;
  background: #ffffff !important;
  color: #0f172a !important;
  font-weight: 600;
  padding: 8px 12px !important;
  transition: 0.2s ease;
}

#job-manager-job-dashboard .jm-ui-button--outline:hover{
  border-color: #22c55e !important;
  color: #16a34a !important;
}

/* Меню "..." */
#job-manager-job-dashboard summary.jm-ui-action-menu__open-button{
  border-radius: 12px !important;
  border: 1px solid #e2e8f0 !important;
  background: #f8fafc !important;
  transition: 0.2s ease;
}

#job-manager-job-dashboard summary.jm-ui-action-menu__open-button:hover{
  border-color: #22c55e !important;
}

/* Випадаюче меню */
#job-manager-job-dashboard .jm-ui-action-menu__content{
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  background: #ffffff;
  box-shadow: 0 14px 30px rgba(0,0,0,0.08);
  padding: 10px;
}

/* Посилання в меню */
#job-manager-job-dashboard .jm-ui-action-menu__content a{
  display: block;
  padding: 8px 10px;
  border-radius: 10px;
  color: #0f172a;
  text-decoration: none;
  font-weight: 600;
}

#job-manager-job-dashboard .jm-ui-action-menu__content a:hover{
  background: #f1f5f9;
}

/* Адаптація під телефон */
@media (max-width: 768px){
  #job-manager-job-dashboard{
    padding: 14px;
  }

  #job-manager-job-dashboard .jm-dashboard__intro{
    flex-direction: column;
    align-items: stretch;
  }

  #job-manager-job-dashboard input[type="search"]{
    width: 100%;
  }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-fba4a0b *//* =========================================
   STUDENT CABINET - "МОЇ ЗАМОВЛЕННЯ" STYLE
   (WP Job Manager Dashboard)
   ========================================= */

/* Загальний контейнер dashboard */
#job-manager-job-dashboard{
  margin: 0 auto;
  padding: 22px;
  border-radius: 8px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
}

/* Верхня панель: пошук + кнопка */
#job-manager-job-dashboard .jm-dashboard__intro{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-bottom: 1px solid #e2e8f0;
}

/* Поле пошуку */
#job-manager-job-dashboard input[type="search"]{
  width: 320px;
  max-width: 100%;
  border: 1px solid #000000;
  background: #fff;
  border-radius: 12px;
  padding: 10px 12px;
  outline: none;
  transition: 0.2s ease;
  color: #000000;
}

#job-manager-job-dashboard input[type="search"]:focus{
  border-color: #22c55e;
  box-shadow: 0 0 0 4px rgba(34,197,94,0.15);
}

/* Кнопка "Створити замовлення" */
#job-manager-job-dashboard .jm-dashboard__actions a.jm-ui-button{
  background: #22c55e !important;
  color: #ffffff !important;
  border: 0 !important;
  border-radius: 12px !important;
  padding: 10px 16px !important;
  font-weight: 700;
  transition: 0.2s ease;
}

#job-manager-job-dashboard .jm-dashboard__actions a.jm-ui-button:hover{
  transform: translateY(-1px);
  opacity: 0.95;
}

/* Шапка таблиці */
#job-manager-job-dashboard .jm-dashboard-header{
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  padding: 12px 14px;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 10px;
}

/* Рядок замовлення */
#job-manager-job-dashboard .jm-dashboard-job{
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  padding: 14px;
  margin-bottom: 12px;
  transition: 0.2s ease;
}

#job-manager-job-dashboard .jm-dashboard-job:hover{
  box-shadow: 0 10px 22px rgba(0,0,0,0.06);
  transform: translateY(-1px);
}

/* Назва замовлення */
#job-manager-job-dashboard a.job-title{
  font-weight: 700;
  color: #0f172a;
  text-decoration: none;
}

#job-manager-job-dashboard a.job-title:hover{
  color: #16a34a;
  text-decoration: underline;
}

/* Статус "Активна" */
#job-manager-job-dashboard .job-status .job-status-publish{
  display: inline-block;
  margin-top: 6px;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 700;
  background: rgba(34,197,94,0.12);
  color: #16a34a;
}

/* Малі тексти (expires, views) */
#job-manager-job-dashboard small,
#job-manager-job-dashboard .job-expires{
  color: #64748b;
  font-size: 12px;
}

/* Кнопка "Відмітити закритою" */
#job-manager-job-dashboard .jm-ui-button--outline{
  border-radius: 12px !important;
  border: 1px solid #e2e8f0 !important;
  background: #ffffff !important;
  color: #0f172a !important;
  font-weight: 600;
  padding: 8px 12px !important;
  transition: 0.2s ease;
}

#job-manager-job-dashboard .jm-ui-button--outline:hover{
  border-color: #22c55e !important;
  color: #16a34a !important;
}

/* Меню "..." */
#job-manager-job-dashboard summary.jm-ui-action-menu__open-button{
  border-radius: 12px !important;
  border: 1px solid #e2e8f0 !important;
  background: #f8fafc !important;
  transition: 0.2s ease;
}

#job-manager-job-dashboard summary.jm-ui-action-menu__open-button:hover{
  border-color: #22c55e !important;
}

/* Випадаюче меню */
#job-manager-job-dashboard .jm-ui-action-menu__content{
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  background: #ffffff;
  box-shadow: 0 14px 30px rgba(0,0,0,0.08);
  padding: 10px;
}

/* Посилання в меню */
#job-manager-job-dashboard .jm-ui-action-menu__content a{
  display: block;
  padding: 8px 10px;
  border-radius: 10px;
  color: #0f172a;
  text-decoration: none;
  font-weight: 600;
}

#job-manager-job-dashboard .jm-ui-action-menu__content a:hover{
  background: #f1f5f9;
}

/* Адаптація під телефон */
@media (max-width: 768px){
  #job-manager-job-dashboard{
    padding: 14px;
  }

  #job-manager-job-dashboard .jm-dashboard__intro{
    flex-direction: column;
    align-items: stretch;
  }

  #job-manager-job-dashboard input[type="search"]{
    width: 100%;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-331c55f *//* ==============================
   DASHBOARD LAYOUT
================================ */
.studok-dashboard {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* ==============================
   ORDER CARD
================================ */
.studok-order-item {
    background: #ffffff;
    border-radius: 14px;
    padding: 22px;
    box-shadow: 0 8px 28px rgba(0,0,0,0.08);
    transition: transform .2s ease, box-shadow .2s ease;
}

.studok-order-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 36px rgba(0,0,0,0.12);
}

/* ==============================
   TITLE
================================ */
.studok-order-title,
.studok-order-item h3 {
    margin: 0 0 14px;
    font-size: 18px;
    font-weight: 600;
    color: #111827;
}

/* ==============================
   META (BADGES)
================================ */
.studok-order-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 14px;
}

.studok-order-meta span {
    background: #f3f4f6;
    padding: 6px 12px;
    border-radius: 999px;
    font-size: 13px;
    color: #374151;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    line-height: 1;
}

/* Highlighted meta */
.meta-budget {
    background: #ecfdf5;
    color: #065f46;
}

.meta-deadline {
    background: #fff7ed;
    color: #9a3412;
}

/* ==============================
   DESCRIPTION
================================ */
.studok-order-description {
    margin-top: 10px;
    font-size: 14px;
    color: #374151;
}

.studok-order-description strong {
    display: block;
    margin-bottom: 4px;
    color: #111827;
}

.studok-order-description p {
    margin: 0;
    line-height: 1.5;
}

/* ==============================
   FILES
================================ */
.studok-order-files {
    margin-top: 10px;
    font-size: 14px;
}

.studok-order-files a {
    color: #2563eb;
    font-weight: 500;
    text-decoration: underline;
}

/* ==============================
   ACTIONS
================================ */
.studok-order-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 18px;
    padding-top: 14px;
    border-top: 1px solid #e5e7eb;
}

.studok-order-actions .button {
    appearance: none;
    border: none;
    cursor: pointer;
    padding: 8px 16px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: all .15s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Default */
.studok-order-actions .button {
    background: #16a34a;
    color: #ffffff;
}

.studok-order-actions .button:hover {
    transform: translateY(-1px);
    filter: brightness(1.05);
}

/* Secondary */
.button.secondary {
    background: #e5e7eb;
    color: #111827;
}

/* Publish */
.button.publish {
    background: #2563eb;
    color: #ffffff;
}

/* Danger */
.button.danger {
    background: #dc2626;
    color: #ffffff;
}

/* ==============================
   RESPONSIVE (MOBILE)
================================ */
@media (max-width: 768px) {

    .studok-order-item {
        padding: 18px;
    }

    .studok-order-meta {
        gap: 8px;
    }

    .studok-order-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .studok-order-actions .button {
        width: 100%;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3d7ee6e *//* ==============================
   DASHBOARD LAYOUT
================================ */
.studok-dashboard {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* ==============================
   ORDER CARD
================================ */
.studok-order-item {
    background: #ffffff;
    border-radius: 14px;
    padding: 22px;
    box-shadow: 0 8px 28px rgba(0,0,0,0.08);
    transition: transform .2s ease, box-shadow .2s ease;
}

.studok-order-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 36px rgba(0,0,0,0.12);
}

/* ==============================
   TITLE
================================ */
.studok-order-title,
.studok-order-item h3 {
    margin: 0 0 14px;
    font-size: 18px;
    font-weight: 600;
    color: #111827;
}

/* ==============================
   META (BADGES)
================================ */
.studok-order-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 14px;
}

.studok-order-meta span {
    background: #f3f4f6;
    padding: 6px 12px;
    border-radius: 999px;
    font-size: 13px;
    color: #374151;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    line-height: 1;
}

/* Highlighted meta */
.meta-budget {
    background: #ecfdf5;
    color: #065f46;
}

.meta-deadline {
    background: #fff7ed;
    color: #9a3412;
}

/* ==============================
   DESCRIPTION
================================ */
.studok-order-description {
    margin-top: 10px;
    font-size: 14px;
    color: #374151;
}

.studok-order-description strong {
    display: block;
    margin-bottom: 4px;
    color: #111827;
}

.studok-order-description p {
    margin: 0;
    line-height: 1.5;
}

/* ==============================
   FILES
================================ */
.studok-order-files {
    margin-top: 10px;
    font-size: 14px;
}

.studok-order-files a {
    color: #2563eb;
    font-weight: 500;
    text-decoration: underline;
}

/* ==============================
   ACTIONS
================================ */
.studok-order-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 18px;
    padding-top: 14px;
    border-top: 1px solid #e5e7eb;
}

.studok-order-actions .button {
    appearance: none;
    border: none;
    cursor: pointer;
    padding: 8px 16px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: all .15s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Default */
.studok-order-actions .button {
    background: #16a34a;
    color: #ffffff;
}

.studok-order-actions .button:hover {
    transform: translateY(-1px);
    filter: brightness(1.05);
}

/* Secondary */
.button.secondary {
    background: #e5e7eb;
    color: #111827;
}

/* Publish */
.button.publish {
    background: #2563eb;
    color: #ffffff;
}

/* Danger */
.button.danger {
    background: #dc2626;
    color: #ffffff;
}

/* ==============================
   RESPONSIVE (MOBILE)
================================ */
@media (max-width: 768px) {

    .studok-order-item {
        padding: 18px;
    }

    .studok-order-meta {
        gap: 8px;
    }

    .studok-order-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .studok-order-actions .button {
        width: 100%;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-26dd4ac *//* ==============================
   DASHBOARD LAYOUT
================================ */
.studok-dashboard {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* ==============================
   ORDER CARD
================================ */
.studok-order-item {
    background: #ffffff;
    border-radius: 14px;
    padding: 22px;
    box-shadow: 0 8px 28px rgba(0,0,0,0.08);
    transition: transform .2s ease, box-shadow .2s ease;
}

.studok-order-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 36px rgba(0,0,0,0.12);
}

/* ==============================
   TITLE
================================ */
.studok-order-title,
.studok-order-item h3 {
    margin: 0 0 14px;
    font-size: 18px;
    font-weight: 600;
    color: #111827;
}

/* ==============================
   META (BADGES)
================================ */
.studok-order-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 14px;
}

.studok-order-meta span {
    background: #f3f4f6;
    padding: 6px 12px;
    border-radius: 999px;
    font-size: 13px;
    color: #374151;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    line-height: 1;
}

/* Highlighted meta */
.meta-budget {
    background: #ecfdf5;
    color: #065f46;
}

.meta-deadline {
    background: #fff7ed;
    color: #9a3412;
}

/* ==============================
   DESCRIPTION
================================ */
.studok-order-description {
    margin-top: 10px;
    font-size: 14px;
    color: #374151;
}

.studok-order-description strong {
    display: block;
    margin-bottom: 4px;
    color: #111827;
}

.studok-order-description p {
    margin: 0;
    line-height: 1.5;
}

/* ==============================
   FILES
================================ */
.studok-order-files {
    margin-top: 10px;
    font-size: 14px;
}

.studok-order-files a {
    color: #2563eb;
    font-weight: 500;
    text-decoration: underline;
}

/* ==============================
   ACTIONS
================================ */
.studok-order-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 18px;
    padding-top: 14px;
    border-top: 1px solid #e5e7eb;
}

.studok-order-actions .button {
    appearance: none;
    border: none;
    cursor: pointer;
    padding: 8px 16px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: all .15s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Default */
.studok-order-actions .button {
    background: #16a34a;
    color: #ffffff;
}

.studok-order-actions .button:hover {
    transform: translateY(-1px);
    filter: brightness(1.05);
}

/* Secondary */
.button.secondary {
    background: #e5e7eb;
    color: #111827;
}

/* Publish */
.button.publish {
    background: #2563eb;
    color: #ffffff;
}

/* Danger */
.button.danger {
    background: #dc2626;
    color: #ffffff;
}

/* ==============================
   RESPONSIVE (MOBILE)
================================ */
@media (max-width: 768px) {

    .studok-order-item {
        padding: 18px;
    }

    .studok-order-meta {
        gap: 8px;
    }

    .studok-order-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .studok-order-actions .button {
        width: 100%;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-6153366 *//* =========================================
   STUDENT CABINET - "МОЇ ЗАМОВЛЕННЯ" STYLE
   (WP Job Manager Dashboard)
   ========================================= */

/* Загальний контейнер dashboard */
#job-manager-job-dashboard{
  margin: 0 auto;
  padding: 22px;
  border-radius: 8px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
}

/* Верхня панель: пошук + кнопка */
#job-manager-job-dashboard .jm-dashboard__intro{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-bottom: 1px solid #e2e8f0;
}

/* Поле пошуку */
#job-manager-job-dashboard input[type="search"]{
  width: 320px;
  max-width: 100%;
  border: 1px solid #000000;
  background: #fff;
  border-radius: 12px;
  padding: 10px 12px;
  outline: none;
  transition: 0.2s ease;
  color: #000000;
}

#job-manager-job-dashboard input[type="search"]:focus{
  border-color: #22c55e;
  box-shadow: 0 0 0 4px rgba(34,197,94,0.15);
}

/* Кнопка "Створити замовлення" */
#job-manager-job-dashboard .jm-dashboard__actions a.jm-ui-button{
  background: #22c55e !important;
  color: #ffffff !important;
  border: 0 !important;
  border-radius: 12px !important;
  padding: 10px 16px !important;
  font-weight: 700;
  transition: 0.2s ease;
}

#job-manager-job-dashboard .jm-dashboard__actions a.jm-ui-button:hover{
  transform: translateY(-1px);
  opacity: 0.95;
}

/* Шапка таблиці */
#job-manager-job-dashboard .jm-dashboard-header{
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  padding: 12px 14px;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 10px;
}

/* Рядок замовлення */
#job-manager-job-dashboard .jm-dashboard-job{
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  padding: 14px;
  margin-bottom: 12px;
  transition: 0.2s ease;
}

#job-manager-job-dashboard .jm-dashboard-job:hover{
  box-shadow: 0 10px 22px rgba(0,0,0,0.06);
  transform: translateY(-1px);
}

/* Назва замовлення */
#job-manager-job-dashboard a.job-title{
  font-weight: 700;
  color: #0f172a;
  text-decoration: none;
}

#job-manager-job-dashboard a.job-title:hover{
  color: #16a34a;
  text-decoration: underline;
}

/* Статус "Активна" */
#job-manager-job-dashboard .job-status .job-status-publish{
  display: inline-block;
  margin-top: 6px;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 700;
  background: rgba(34,197,94,0.12);
  color: #16a34a;
}

/* Малі тексти (expires, views) */
#job-manager-job-dashboard small,
#job-manager-job-dashboard .job-expires{
  color: #64748b;
  font-size: 12px;
}

/* Кнопка "Відмітити закритою" */
#job-manager-job-dashboard .jm-ui-button--outline{
  border-radius: 12px !important;
  border: 1px solid #e2e8f0 !important;
  background: #ffffff !important;
  color: #0f172a !important;
  font-weight: 600;
  padding: 8px 12px !important;
  transition: 0.2s ease;
}

#job-manager-job-dashboard .jm-ui-button--outline:hover{
  border-color: #22c55e !important;
  color: #16a34a !important;
}

/* Меню "..." */
#job-manager-job-dashboard summary.jm-ui-action-menu__open-button{
  border-radius: 12px !important;
  border: 1px solid #e2e8f0 !important;
  background: #f8fafc !important;
  transition: 0.2s ease;
}

#job-manager-job-dashboard summary.jm-ui-action-menu__open-button:hover{
  border-color: #22c55e !important;
}

/* Випадаюче меню */
#job-manager-job-dashboard .jm-ui-action-menu__content{
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  background: #ffffff;
  box-shadow: 0 14px 30px rgba(0,0,0,0.08);
  padding: 10px;
}

/* Посилання в меню */
#job-manager-job-dashboard .jm-ui-action-menu__content a{
  display: block;
  padding: 8px 10px;
  border-radius: 10px;
  color: #0f172a;
  text-decoration: none;
  font-weight: 600;
}

#job-manager-job-dashboard .jm-ui-action-menu__content a:hover{
  background: #f1f5f9;
}

/* Адаптація під телефон */
@media (max-width: 768px){
  #job-manager-job-dashboard{
    padding: 14px;
  }

  #job-manager-job-dashboard .jm-dashboard__intro{
    flex-direction: column;
    align-items: stretch;
  }

  #job-manager-job-dashboard input[type="search"]{
    width: 100%;
  }
}


/* =====================================
   STUDOK — ACCOUNT CENTER PREMIUM STYLE
===================================== */


/* MAIN CONTAINER */

.um.um-account {

    background: #ffffff;
    padding: 32px !important;

    border-radius: 16px !important;

    box-shadow: 
        0 10px 30px rgba(0,0,0,0.05),
        0 2px 6px rgba(0,0,0,0.04);


}


/* AVATAR */

.um-account-meta-img img {

    width: 90px !important;
    height: 90px !important;

    border-radius: 50% !important;

    border: 4px solid #ecfdf5;

    box-shadow: 0 5px 15px rgba(0,0,0,0.08);

}


/* USERNAME */

.um-account-name a {

    font-size: 14px !important;
    font-weight: 600 !important;

    color: #111827 !important;

}


/* PROFILE LINK */

.um-account-profile-link a {

    color: #22c55e !important;

    font-weight: 500 !important;

}


/* FIELD CONTAINER */

.um-field {

    margin-bottom: 20px !important;

}


/* LABEL */

.um-field-label label {

    font-size: 14px !important;

    font-weight: 600 !important;

    color: #374151 !important;

    margin-bottom: 6px !important;

}


/* INPUT */

.um-form-field {

    height: 44px !important;

    border-radius: 10px !important;

    border: 1px solid #e5e7eb !important;

    padding: 0 14px !important;

    font-size: 15px !important;

    transition: all 0.2s ease;

}


/* INPUT HOVER */

.um-form-field:hover {

    border-color: #22c55e !important;

}


/* INPUT FOCUS */

.um-form-field:focus {

    border-color: #22c55e !important;

    box-shadow: 0 0 0 3px rgba(34,197,94,0.15);

    outline: none !important;

}


/* BUTTON */

.um-button {

    background: linear-gradient(135deg,#22c55e,#16a34a) !important;

    border: none !important;

    color: white !important;

    height: 44px;

    padding: 0 24px !important;

    border-radius: 10px !important;

    font-weight: 600 !important;

    box-shadow: 0 6px 18px rgba(34,197,94,0.25);

    transition: all 0.25s ease;

}


/* BUTTON HOVER */

.um-button:hover {

    transform: translateY(-2px);

    box-shadow: 0 10px 22px rgba(34,197,94,0.35);

}


/* HEADING */

.um-account-heading {

    font-size: 20px !important;

    font-weight: 600 !important;

    margin-bottom: 24px !important;

    color: #111827;

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ab2dc26 *//* ==============================
   DASHBOARD LAYOUT
================================ */
.studok-dashboard {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* ==============================
   ORDER CARD
================================ */
.studok-order-item {
    background: #ffffff;
    border-radius: 14px;
    padding: 22px;
    box-shadow: 0 8px 28px rgba(0,0,0,0.08);
    transition: transform .2s ease, box-shadow .2s ease;
}

.studok-order-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 36px rgba(0,0,0,0.12);
}

/* ==============================
   TITLE
================================ */
.studok-order-title,
.studok-order-item h3 {
    margin: 0 0 14px;
    font-size: 18px;
    font-weight: 600;
    color: #111827;
}

/* ==============================
   META (BADGES)
================================ */
.studok-order-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 14px;
}

.studok-order-meta span {
    background: #f3f4f6;
    padding: 6px 12px;
    border-radius: 999px;
    font-size: 13px;
    color: #374151;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    line-height: 1;
}

/* Highlighted meta */
.meta-budget {
    background: #ecfdf5;
    color: #065f46;
}

.meta-deadline {
    background: #fff7ed;
    color: #9a3412;
}

/* ==============================
   DESCRIPTION
================================ */
.studok-order-description {
    margin-top: 10px;
    font-size: 14px;
    color: #374151;
}

.studok-order-description strong {
    display: block;
    margin-bottom: 4px;
    color: #111827;
}

.studok-order-description p {
    margin: 0;
    line-height: 1.5;
}

/* ==============================
   FILES
================================ */
.studok-order-files {
    margin-top: 10px;
    font-size: 14px;
}

.studok-order-files a {
    color: #2563eb;
    font-weight: 500;
    text-decoration: underline;
}

/* ==============================
   ACTIONS
================================ */
.studok-order-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 18px;
    padding-top: 14px;
    border-top: 1px solid #e5e7eb;
}

.studok-order-actions .button {
    appearance: none;
    border: none;
    cursor: pointer;
    padding: 8px 16px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: all .15s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Default */
.studok-order-actions .button {
    background: #16a34a;
    color: #ffffff;
}

.studok-order-actions .button:hover {
    transform: translateY(-1px);
    filter: brightness(1.05);
}

/* Secondary */
.button.secondary {
    background: #e5e7eb;
    color: #111827;
}

/* Publish */
.button.publish {
    background: #2563eb;
    color: #ffffff;
}

/* Danger */
.button.danger {
    background: #dc2626;
    color: #ffffff;
}

/* ==============================
   RESPONSIVE (MOBILE)
================================ */
@media (max-width: 768px) {

    .studok-order-item {
        padding: 18px;
    }

    .studok-order-meta {
        gap: 8px;
    }

    .studok-order-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .studok-order-actions .button {
        width: 100%;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-4f27b96 *//* =========================================
   STUDENT CABINET - "МОЇ ЗАМОВЛЕННЯ" STYLE
   (WP Job Manager Dashboard)
   ========================================= */

/* Загальний контейнер dashboard */
#job-manager-job-dashboard{
  margin: 0 auto;
  padding: 22px;
  border-radius: 8px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
}

/* Верхня панель: пошук + кнопка */
#job-manager-job-dashboard .jm-dashboard__intro{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-bottom: 1px solid #e2e8f0;
}

/* Поле пошуку */
#job-manager-job-dashboard input[type="search"]{
  width: 320px;
  max-width: 100%;
  border: 1px solid #000000;
  background: #fff;
  border-radius: 12px;
  padding: 10px 12px;
  outline: none;
  transition: 0.2s ease;
  color: #000000;
}

#job-manager-job-dashboard input[type="search"]:focus{
  border-color: #22c55e;
  box-shadow: 0 0 0 4px rgba(34,197,94,0.15);
}

/* Кнопка "Створити замовлення" */
#job-manager-job-dashboard .jm-dashboard__actions a.jm-ui-button{
  background: #22c55e !important;
  color: #ffffff !important;
  border: 0 !important;
  border-radius: 12px !important;
  padding: 10px 16px !important;
  font-weight: 700;
  transition: 0.2s ease;
}

#job-manager-job-dashboard .jm-dashboard__actions a.jm-ui-button:hover{
  transform: translateY(-1px);
  opacity: 0.95;
}

/* Шапка таблиці */
#job-manager-job-dashboard .jm-dashboard-header{
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  padding: 12px 14px;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 10px;
}

/* Рядок замовлення */
#job-manager-job-dashboard .jm-dashboard-job{
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  padding: 14px;
  margin-bottom: 12px;
  transition: 0.2s ease;
}

#job-manager-job-dashboard .jm-dashboard-job:hover{
  box-shadow: 0 10px 22px rgba(0,0,0,0.06);
  transform: translateY(-1px);
}

/* Назва замовлення */
#job-manager-job-dashboard a.job-title{
  font-weight: 700;
  color: #0f172a;
  text-decoration: none;
}

#job-manager-job-dashboard a.job-title:hover{
  color: #16a34a;
  text-decoration: underline;
}

/* Статус "Активна" */
#job-manager-job-dashboard .job-status .job-status-publish{
  display: inline-block;
  margin-top: 6px;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 700;
  background: rgba(34,197,94,0.12);
  color: #16a34a;
}

/* Малі тексти (expires, views) */
#job-manager-job-dashboard small,
#job-manager-job-dashboard .job-expires{
  color: #64748b;
  font-size: 12px;
}

/* Кнопка "Відмітити закритою" */
#job-manager-job-dashboard .jm-ui-button--outline{
  border-radius: 12px !important;
  border: 1px solid #e2e8f0 !important;
  background: #ffffff !important;
  color: #0f172a !important;
  font-weight: 600;
  padding: 8px 12px !important;
  transition: 0.2s ease;
}

#job-manager-job-dashboard .jm-ui-button--outline:hover{
  border-color: #22c55e !important;
  color: #16a34a !important;
}

/* Меню "..." */
#job-manager-job-dashboard summary.jm-ui-action-menu__open-button{
  border-radius: 12px !important;
  border: 1px solid #e2e8f0 !important;
  background: #f8fafc !important;
  transition: 0.2s ease;
}

#job-manager-job-dashboard summary.jm-ui-action-menu__open-button:hover{
  border-color: #22c55e !important;
}

/* Випадаюче меню */
#job-manager-job-dashboard .jm-ui-action-menu__content{
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  background: #ffffff;
  box-shadow: 0 14px 30px rgba(0,0,0,0.08);
  padding: 10px;
}

/* Посилання в меню */
#job-manager-job-dashboard .jm-ui-action-menu__content a{
  display: block;
  padding: 8px 10px;
  border-radius: 10px;
  color: #0f172a;
  text-decoration: none;
  font-weight: 600;
}

#job-manager-job-dashboard .jm-ui-action-menu__content a:hover{
  background: #f1f5f9;
}

/* Адаптація під телефон */
@media (max-width: 768px){
  #job-manager-job-dashboard{
    padding: 14px;
  }

  #job-manager-job-dashboard .jm-dashboard__intro{
    flex-direction: column;
    align-items: stretch;
  }

  #job-manager-job-dashboard input[type="search"]{
    width: 100%;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d2aa878 *//* ==============================
   DASHBOARD LAYOUT
================================ */
.studok-dashboard {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* ==============================
   ORDER CARD
================================ */
.studok-order-item {
    background: #ffffff;
    border-radius: 14px;
    padding: 22px;
    box-shadow: 0 8px 28px rgba(0,0,0,0.08);
    transition: transform .2s ease, box-shadow .2s ease;
}

.studok-order-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 36px rgba(0,0,0,0.12);
}

/* ==============================
   TITLE
================================ */
.studok-order-title,
.studok-order-item h3 {
    margin: 0 0 14px;
    font-size: 18px;
    font-weight: 600;
    color: #111827;
}

/* ==============================
   META (BADGES)
================================ */
.studok-order-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 14px;
}

.studok-order-meta span {
    background: #f3f4f6;
    padding: 6px 12px;
    border-radius: 999px;
    font-size: 13px;
    color: #374151;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    line-height: 1;
}

/* Highlighted meta */
.meta-budget {
    background: #ecfdf5;
    color: #065f46;
}

.meta-deadline {
    background: #fff7ed;
    color: #9a3412;
}

/* ==============================
   DESCRIPTION
================================ */
.studok-order-description {
    margin-top: 10px;
    font-size: 14px;
    color: #374151;
}

.studok-order-description strong {
    display: block;
    margin-bottom: 4px;
    color: #111827;
}

.studok-order-description p {
    margin: 0;
    line-height: 1.5;
}

/* ==============================
   FILES
================================ */
.studok-order-files {
    margin-top: 10px;
    font-size: 14px;
}

.studok-order-files a {
    color: #2563eb;
    font-weight: 500;
    text-decoration: underline;
}

/* ==============================
   ACTIONS
================================ */
.studok-order-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 18px;
    padding-top: 14px;
    border-top: 1px solid #e5e7eb;
}

.studok-order-actions .button {
    appearance: none;
    border: none;
    cursor: pointer;
    padding: 8px 16px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: all .15s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Default */
.studok-order-actions .button {
    background: #16a34a;
    color: #ffffff;
}

.studok-order-actions .button:hover {
    transform: translateY(-1px);
    filter: brightness(1.05);
}

/* Secondary */
.button.secondary {
    background: #e5e7eb;
    color: #111827;
}

/* Publish */
.button.publish {
    background: #2563eb;
    color: #ffffff;
}

/* Danger */
.button.danger {
    background: #dc2626;
    color: #ffffff;
}

/* ==============================
   RESPONSIVE (MOBILE)
================================ */
@media (max-width: 768px) {

    .studok-order-item {
        padding: 18px;
    }

    .studok-order-meta {
        gap: 8px;
    }

    .studok-order-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .studok-order-actions .button {
        width: 100%;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-6c7ae26 *//* =========================================
   STUDENT CABINET - "МОЇ ЗАМОВЛЕННЯ" STYLE
   (WP Job Manager Dashboard)
   ========================================= */

/* Загальний контейнер dashboard */
#job-manager-job-dashboard{
  margin: 0 auto;
  padding: 22px;
  border-radius: 8px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
}

/* Верхня панель: пошук + кнопка */
#job-manager-job-dashboard .jm-dashboard__intro{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-bottom: 1px solid #e2e8f0;
}

/* Поле пошуку */
#job-manager-job-dashboard input[type="search"]{
  width: 320px;
  max-width: 100%;
  border: 1px solid #000000;
  background: #fff;
  border-radius: 12px;
  padding: 10px 12px;
  outline: none;
  transition: 0.2s ease;
  color: #000000;
}

#job-manager-job-dashboard input[type="search"]:focus{
  border-color: #22c55e;
  box-shadow: 0 0 0 4px rgba(34,197,94,0.15);
}

/* Кнопка "Створити замовлення" */
#job-manager-job-dashboard .jm-dashboard__actions a.jm-ui-button{
  background: #22c55e !important;
  color: #ffffff !important;
  border: 0 !important;
  border-radius: 12px !important;
  padding: 10px 16px !important;
  font-weight: 700;
  transition: 0.2s ease;
}

#job-manager-job-dashboard .jm-dashboard__actions a.jm-ui-button:hover{
  transform: translateY(-1px);
  opacity: 0.95;
}

/* Шапка таблиці */
#job-manager-job-dashboard .jm-dashboard-header{
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  padding: 12px 14px;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 10px;
}

/* Рядок замовлення */
#job-manager-job-dashboard .jm-dashboard-job{
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  padding: 14px;
  margin-bottom: 12px;
  transition: 0.2s ease;
}

#job-manager-job-dashboard .jm-dashboard-job:hover{
  box-shadow: 0 10px 22px rgba(0,0,0,0.06);
  transform: translateY(-1px);
}

/* Назва замовлення */
#job-manager-job-dashboard a.job-title{
  font-weight: 700;
  color: #0f172a;
  text-decoration: none;
}

#job-manager-job-dashboard a.job-title:hover{
  color: #16a34a;
  text-decoration: underline;
}

/* Статус "Активна" */
#job-manager-job-dashboard .job-status .job-status-publish{
  display: inline-block;
  margin-top: 6px;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 700;
  background: rgba(34,197,94,0.12);
  color: #16a34a;
}

/* Малі тексти (expires, views) */
#job-manager-job-dashboard small,
#job-manager-job-dashboard .job-expires{
  color: #64748b;
  font-size: 12px;
}

/* Кнопка "Відмітити закритою" */
#job-manager-job-dashboard .jm-ui-button--outline{
  border-radius: 12px !important;
  border: 1px solid #e2e8f0 !important;
  background: #ffffff !important;
  color: #0f172a !important;
  font-weight: 600;
  padding: 8px 12px !important;
  transition: 0.2s ease;
}

#job-manager-job-dashboard .jm-ui-button--outline:hover{
  border-color: #22c55e !important;
  color: #16a34a !important;
}

/* Меню "..." */
#job-manager-job-dashboard summary.jm-ui-action-menu__open-button{
  border-radius: 12px !important;
  border: 1px solid #e2e8f0 !important;
  background: #f8fafc !important;
  transition: 0.2s ease;
}

#job-manager-job-dashboard summary.jm-ui-action-menu__open-button:hover{
  border-color: #22c55e !important;
}

/* Випадаюче меню */
#job-manager-job-dashboard .jm-ui-action-menu__content{
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  background: #ffffff;
  box-shadow: 0 14px 30px rgba(0,0,0,0.08);
  padding: 10px;
}

/* Посилання в меню */
#job-manager-job-dashboard .jm-ui-action-menu__content a{
  display: block;
  padding: 8px 10px;
  border-radius: 10px;
  color: #0f172a;
  text-decoration: none;
  font-weight: 600;
}

#job-manager-job-dashboard .jm-ui-action-menu__content a:hover{
  background: #f1f5f9;
}

/* Адаптація під телефон */
@media (max-width: 768px){
  #job-manager-job-dashboard{
    padding: 14px;
  }

  #job-manager-job-dashboard .jm-dashboard__intro{
    flex-direction: column;
    align-items: stretch;
  }

  #job-manager-job-dashboard input[type="search"]{
    width: 100%;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4e98d1d *//* ==============================
   DASHBOARD LAYOUT
================================ */
.studok-dashboard {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* ==============================
   ORDER CARD
================================ */
.studok-order-item {
    background: #ffffff;
    border-radius: 14px;
    padding: 22px;
    box-shadow: 0 8px 28px rgba(0,0,0,0.08);
    transition: transform .2s ease, box-shadow .2s ease;
}

.studok-order-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 36px rgba(0,0,0,0.12);
}

/* ==============================
   TITLE
================================ */
.studok-order-title,
.studok-order-item h3 {
    margin: 0 0 14px;
    font-size: 18px;
    font-weight: 600;
    color: #111827;
}

/* ==============================
   META (BADGES)
================================ */
.studok-order-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 14px;
}

.studok-order-meta span {
    background: #f3f4f6;
    padding: 6px 12px;
    border-radius: 999px;
    font-size: 13px;
    color: #374151;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    line-height: 1;
}

/* Highlighted meta */
.meta-budget {
    background: #ecfdf5;
    color: #065f46;
}

.meta-deadline {
    background: #fff7ed;
    color: #9a3412;
}

/* ==============================
   DESCRIPTION
================================ */
.studok-order-description {
    margin-top: 10px;
    font-size: 14px;
    color: #374151;
}

.studok-order-description strong {
    display: block;
    margin-bottom: 4px;
    color: #111827;
}

.studok-order-description p {
    margin: 0;
    line-height: 1.5;
}

/* ==============================
   FILES
================================ */
.studok-order-files {
    margin-top: 10px;
    font-size: 14px;
}

.studok-order-files a {
    color: #2563eb;
    font-weight: 500;
    text-decoration: underline;
}

/* ==============================
   ACTIONS
================================ */
.studok-order-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 18px;
    padding-top: 14px;
    border-top: 1px solid #e5e7eb;
}

.studok-order-actions .button {
    appearance: none;
    border: none;
    cursor: pointer;
    padding: 8px 16px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: all .15s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Default */
.studok-order-actions .button {
    background: #16a34a;
    color: #ffffff;
}

.studok-order-actions .button:hover {
    transform: translateY(-1px);
    filter: brightness(1.05);
}

/* Secondary */
.button.secondary {
    background: #e5e7eb;
    color: #111827;
}

/* Publish */
.button.publish {
    background: #2563eb;
    color: #ffffff;
}

/* Danger */
.button.danger {
    background: #dc2626;
    color: #ffffff;
}

/* ==============================
   RESPONSIVE (MOBILE)
================================ */
@media (max-width: 768px) {

    .studok-order-item {
        padding: 18px;
    }

    .studok-order-meta {
        gap: 8px;
    }

    .studok-order-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .studok-order-actions .button {
        width: 100%;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7f4dd84 */.studok-executors-list{
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(320px,1fr));
    gap:24px;
    margin-top:30px;
}

.studok-executor-card{
    background:#ffffff;
    border-radius:20px;
    padding:25px;
    box-shadow:0 10px 30px rgba(0,0,0,0.05);
    transition:all 0.3s ease;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
}

.studok-executor-card:hover{
    transform:translateY(-6px);
    box-shadow:0 15px 40px rgba(0,0,0,0.08);
}

.studok-executor-header{
    display:flex;
    align-items:center;
    gap:15px;
    margin-bottom:15px;
}

.studok-executor-header img{
    border-radius:50%;
    border:3px solid #2ecc71;
}

.studok-executor-info h3{
    margin:0;
    font-size:18px;
    font-weight:600;
    color:#222;
}

.studok-executor-meta{
    font-size:14px;
    color:#555;
    line-height:1.6;
    margin-bottom:20px;
}

.studok-executor-meta span{
    font-weight:600;
    color:#000;
}

.studok-executor-actions{
    display:flex;
    gap:12px;
    flex-wrap:wrap;
}

.studok-btn33{
    padding:10px 18px;
    border-radius:30px;
    text-decoration:none;
    font-size:14px;
    font-weight:500;
    transition:0.3s;
    display:inline-block;
}

.studok-btn-outline{
    border:2px solid #2ecc71;
    color:#2ecc71;
}

.studok-btn-outline:hover{
    background:#2ecc71;
    color:#fff;
}

.studok-btn-primary{
    background:#ff1a1a;
    color:#fff;
}

.studok-btn-primary:hover{
    background:#d41414;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7d23955 *//* ==============================
   DASHBOARD LAYOUT
================================ */
.studok-dashboard {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* ==============================
   ORDER CARD
================================ */
.studok-order-item {
    background: #ffffff;
    border-radius: 14px;
    padding: 22px;
    box-shadow: 0 8px 28px rgba(0,0,0,0.08);
    transition: transform .2s ease, box-shadow .2s ease;
}

.studok-order-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 36px rgba(0,0,0,0.12);
}

/* ==============================
   TITLE
================================ */
.studok-order-title,
.studok-order-item h3 {
    margin: 0 0 14px;
    font-size: 18px;
    font-weight: 600;
    color: #111827;
}

/* ==============================
   META (BADGES)
================================ */
.studok-order-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 14px;
}

.studok-order-meta span {
    background: #f3f4f6;
    padding: 6px 12px;
    border-radius: 999px;
    font-size: 13px;
    color: #374151;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    line-height: 1;
}

/* Highlighted meta */
.meta-budget {
    background: #ecfdf5;
    color: #065f46;
}

.meta-deadline {
    background: #fff7ed;
    color: #9a3412;
}

/* ==============================
   DESCRIPTION
================================ */
.studok-order-description {
    margin-top: 10px;
    font-size: 14px;
    color: #374151;
}

.studok-order-description strong {
    display: block;
    margin-bottom: 4px;
    color: #111827;
}

.studok-order-description p {
    margin: 0;
    line-height: 1.5;
}

/* ==============================
   FILES
================================ */
.studok-order-files {
    margin-top: 10px;
    font-size: 14px;
}

.studok-order-files a {
    color: #2563eb;
    font-weight: 500;
    text-decoration: underline;
}

/* ==============================
   ACTIONS
================================ */
.studok-order-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 18px;
    padding-top: 14px;
    border-top: 1px solid #e5e7eb;
}

.studok-order-actions .button {
    appearance: none;
    border: none;
    cursor: pointer;
    padding: 8px 16px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: all .15s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Default */
.studok-order-actions .button {
    background: #16a34a;
    color: #ffffff;
}

.studok-order-actions .button:hover {
    transform: translateY(-1px);
    filter: brightness(1.05);
}

/* Secondary */
.button.secondary {
    background: #e5e7eb;
    color: #111827;
}

/* Publish */
.button.publish {
    background: #2563eb;
    color: #ffffff;
}

/* Danger */
.button.danger {
    background: #dc2626;
    color: #ffffff;
}

/* ==============================
   RESPONSIVE (MOBILE)
================================ */
@media (max-width: 768px) {

    .studok-order-item {
        padding: 18px;
    }

    .studok-order-meta {
        gap: 8px;
    }

    .studok-order-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .studok-order-actions .button {
        width: 100%;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-177b598 *//* =========================================
   STUDENT CABINET - "МОЇ ЗАМОВЛЕННЯ" STYLE
   (WP Job Manager Dashboard)
   ========================================= */

/* Загальний контейнер dashboard */
#job-manager-job-dashboard{
  margin: 0 auto;
  padding: 22px;
  border-radius: 8px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
}

/* Верхня панель: пошук + кнопка */
#job-manager-job-dashboard .jm-dashboard__intro{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-bottom: 1px solid #e2e8f0;
}

/* Поле пошуку */
#job-manager-job-dashboard input[type="search"]{
  width: 320px;
  max-width: 100%;
  border: 1px solid #000000;
  background: #fff;
  border-radius: 12px;
  padding: 10px 12px;
  outline: none;
  transition: 0.2s ease;
  color: #000000;
}

#job-manager-job-dashboard input[type="search"]:focus{
  border-color: #22c55e;
  box-shadow: 0 0 0 4px rgba(34,197,94,0.15);
}

/* Кнопка "Створити замовлення" */
#job-manager-job-dashboard .jm-dashboard__actions a.jm-ui-button{
  background: #22c55e !important;
  color: #ffffff !important;
  border: 0 !important;
  border-radius: 12px !important;
  padding: 10px 16px !important;
  font-weight: 700;
  transition: 0.2s ease;
}

#job-manager-job-dashboard .jm-dashboard__actions a.jm-ui-button:hover{
  transform: translateY(-1px);
  opacity: 0.95;
}

/* Шапка таблиці */
#job-manager-job-dashboard .jm-dashboard-header{
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  padding: 12px 14px;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 10px;
}

/* Рядок замовлення */
#job-manager-job-dashboard .jm-dashboard-job{
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  padding: 14px;
  margin-bottom: 12px;
  transition: 0.2s ease;
}

#job-manager-job-dashboard .jm-dashboard-job:hover{
  box-shadow: 0 10px 22px rgba(0,0,0,0.06);
  transform: translateY(-1px);
}

/* Назва замовлення */
#job-manager-job-dashboard a.job-title{
  font-weight: 700;
  color: #0f172a;
  text-decoration: none;
}

#job-manager-job-dashboard a.job-title:hover{
  color: #16a34a;
  text-decoration: underline;
}

/* Статус "Активна" */
#job-manager-job-dashboard .job-status .job-status-publish{
  display: inline-block;
  margin-top: 6px;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 700;
  background: rgba(34,197,94,0.12);
  color: #16a34a;
}

/* Малі тексти (expires, views) */
#job-manager-job-dashboard small,
#job-manager-job-dashboard .job-expires{
  color: #64748b;
  font-size: 12px;
}

/* Кнопка "Відмітити закритою" */
#job-manager-job-dashboard .jm-ui-button--outline{
  border-radius: 12px !important;
  border: 1px solid #e2e8f0 !important;
  background: #ffffff !important;
  color: #0f172a !important;
  font-weight: 600;
  padding: 8px 12px !important;
  transition: 0.2s ease;
}

#job-manager-job-dashboard .jm-ui-button--outline:hover{
  border-color: #22c55e !important;
  color: #16a34a !important;
}

/* Меню "..." */
#job-manager-job-dashboard summary.jm-ui-action-menu__open-button{
  border-radius: 12px !important;
  border: 1px solid #e2e8f0 !important;
  background: #f8fafc !important;
  transition: 0.2s ease;
}

#job-manager-job-dashboard summary.jm-ui-action-menu__open-button:hover{
  border-color: #22c55e !important;
}

/* Випадаюче меню */
#job-manager-job-dashboard .jm-ui-action-menu__content{
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  background: #ffffff;
  box-shadow: 0 14px 30px rgba(0,0,0,0.08);
  padding: 10px;
}

/* Посилання в меню */
#job-manager-job-dashboard .jm-ui-action-menu__content a{
  display: block;
  padding: 8px 10px;
  border-radius: 10px;
  color: #0f172a;
  text-decoration: none;
  font-weight: 600;
}

#job-manager-job-dashboard .jm-ui-action-menu__content a:hover{
  background: #f1f5f9;
}

/* Адаптація під телефон */
@media (max-width: 768px){
  #job-manager-job-dashboard{
    padding: 14px;
  }

  #job-manager-job-dashboard .jm-dashboard__intro{
    flex-direction: column;
    align-items: stretch;
  }

  #job-manager-job-dashboard input[type="search"]{
    width: 100%;
  }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-fba4a0b *//* =========================================
   STUDENT CABINET - "МОЇ ЗАМОВЛЕННЯ" STYLE
   (WP Job Manager Dashboard)
   ========================================= */

/* Загальний контейнер dashboard */
#job-manager-job-dashboard{
  margin: 0 auto;
  padding: 22px;
  border-radius: 8px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
}

/* Верхня панель: пошук + кнопка */
#job-manager-job-dashboard .jm-dashboard__intro{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-bottom: 1px solid #e2e8f0;
}

/* Поле пошуку */
#job-manager-job-dashboard input[type="search"]{
  width: 320px;
  max-width: 100%;
  border: 1px solid #000000;
  background: #fff;
  border-radius: 12px;
  padding: 10px 12px;
  outline: none;
  transition: 0.2s ease;
  color: #000000;
}

#job-manager-job-dashboard input[type="search"]:focus{
  border-color: #22c55e;
  box-shadow: 0 0 0 4px rgba(34,197,94,0.15);
}

/* Кнопка "Створити замовлення" */
#job-manager-job-dashboard .jm-dashboard__actions a.jm-ui-button{
  background: #22c55e !important;
  color: #ffffff !important;
  border: 0 !important;
  border-radius: 12px !important;
  padding: 10px 16px !important;
  font-weight: 700;
  transition: 0.2s ease;
}

#job-manager-job-dashboard .jm-dashboard__actions a.jm-ui-button:hover{
  transform: translateY(-1px);
  opacity: 0.95;
}

/* Шапка таблиці */
#job-manager-job-dashboard .jm-dashboard-header{
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  padding: 12px 14px;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 10px;
}

/* Рядок замовлення */
#job-manager-job-dashboard .jm-dashboard-job{
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  padding: 14px;
  margin-bottom: 12px;
  transition: 0.2s ease;
}

#job-manager-job-dashboard .jm-dashboard-job:hover{
  box-shadow: 0 10px 22px rgba(0,0,0,0.06);
  transform: translateY(-1px);
}

/* Назва замовлення */
#job-manager-job-dashboard a.job-title{
  font-weight: 700;
  color: #0f172a;
  text-decoration: none;
}

#job-manager-job-dashboard a.job-title:hover{
  color: #16a34a;
  text-decoration: underline;
}

/* Статус "Активна" */
#job-manager-job-dashboard .job-status .job-status-publish{
  display: inline-block;
  margin-top: 6px;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 700;
  background: rgba(34,197,94,0.12);
  color: #16a34a;
}

/* Малі тексти (expires, views) */
#job-manager-job-dashboard small,
#job-manager-job-dashboard .job-expires{
  color: #64748b;
  font-size: 12px;
}

/* Кнопка "Відмітити закритою" */
#job-manager-job-dashboard .jm-ui-button--outline{
  border-radius: 12px !important;
  border: 1px solid #e2e8f0 !important;
  background: #ffffff !important;
  color: #0f172a !important;
  font-weight: 600;
  padding: 8px 12px !important;
  transition: 0.2s ease;
}

#job-manager-job-dashboard .jm-ui-button--outline:hover{
  border-color: #22c55e !important;
  color: #16a34a !important;
}

/* Меню "..." */
#job-manager-job-dashboard summary.jm-ui-action-menu__open-button{
  border-radius: 12px !important;
  border: 1px solid #e2e8f0 !important;
  background: #f8fafc !important;
  transition: 0.2s ease;
}

#job-manager-job-dashboard summary.jm-ui-action-menu__open-button:hover{
  border-color: #22c55e !important;
}

/* Випадаюче меню */
#job-manager-job-dashboard .jm-ui-action-menu__content{
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  background: #ffffff;
  box-shadow: 0 14px 30px rgba(0,0,0,0.08);
  padding: 10px;
}

/* Посилання в меню */
#job-manager-job-dashboard .jm-ui-action-menu__content a{
  display: block;
  padding: 8px 10px;
  border-radius: 10px;
  color: #0f172a;
  text-decoration: none;
  font-weight: 600;
}

#job-manager-job-dashboard .jm-ui-action-menu__content a:hover{
  background: #f1f5f9;
}

/* Адаптація під телефон */
@media (max-width: 768px){
  #job-manager-job-dashboard{
    padding: 14px;
  }

  #job-manager-job-dashboard .jm-dashboard__intro{
    flex-direction: column;
    align-items: stretch;
  }

  #job-manager-job-dashboard input[type="search"]{
    width: 100%;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-331c55f *//* ==============================
   DASHBOARD LAYOUT
================================ */
.studok-dashboard {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* ==============================
   ORDER CARD
================================ */
.studok-order-item {
    background: #ffffff;
    border-radius: 14px;
    padding: 22px;
    box-shadow: 0 8px 28px rgba(0,0,0,0.08);
    transition: transform .2s ease, box-shadow .2s ease;
}

.studok-order-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 36px rgba(0,0,0,0.12);
}

/* ==============================
   TITLE
================================ */
.studok-order-title,
.studok-order-item h3 {
    margin: 0 0 14px;
    font-size: 18px;
    font-weight: 600;
    color: #111827;
}

/* ==============================
   META (BADGES)
================================ */
.studok-order-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 14px;
}

.studok-order-meta span {
    background: #f3f4f6;
    padding: 6px 12px;
    border-radius: 999px;
    font-size: 13px;
    color: #374151;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    line-height: 1;
}

/* Highlighted meta */
.meta-budget {
    background: #ecfdf5;
    color: #065f46;
}

.meta-deadline {
    background: #fff7ed;
    color: #9a3412;
}

/* ==============================
   DESCRIPTION
================================ */
.studok-order-description {
    margin-top: 10px;
    font-size: 14px;
    color: #374151;
}

.studok-order-description strong {
    display: block;
    margin-bottom: 4px;
    color: #111827;
}

.studok-order-description p {
    margin: 0;
    line-height: 1.5;
}

/* ==============================
   FILES
================================ */
.studok-order-files {
    margin-top: 10px;
    font-size: 14px;
}

.studok-order-files a {
    color: #2563eb;
    font-weight: 500;
    text-decoration: underline;
}

/* ==============================
   ACTIONS
================================ */
.studok-order-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 18px;
    padding-top: 14px;
    border-top: 1px solid #e5e7eb;
}

.studok-order-actions .button {
    appearance: none;
    border: none;
    cursor: pointer;
    padding: 8px 16px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: all .15s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Default */
.studok-order-actions .button {
    background: #16a34a;
    color: #ffffff;
}

.studok-order-actions .button:hover {
    transform: translateY(-1px);
    filter: brightness(1.05);
}

/* Secondary */
.button.secondary {
    background: #e5e7eb;
    color: #111827;
}

/* Publish */
.button.publish {
    background: #2563eb;
    color: #ffffff;
}

/* Danger */
.button.danger {
    background: #dc2626;
    color: #ffffff;
}

/* ==============================
   RESPONSIVE (MOBILE)
================================ */
@media (max-width: 768px) {

    .studok-order-item {
        padding: 18px;
    }

    .studok-order-meta {
        gap: 8px;
    }

    .studok-order-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .studok-order-actions .button {
        width: 100%;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3d7ee6e *//* ==============================
   DASHBOARD LAYOUT
================================ */
.studok-dashboard {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* ==============================
   ORDER CARD
================================ */
.studok-order-item {
    background: #ffffff;
    border-radius: 14px;
    padding: 22px;
    box-shadow: 0 8px 28px rgba(0,0,0,0.08);
    transition: transform .2s ease, box-shadow .2s ease;
}

.studok-order-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 36px rgba(0,0,0,0.12);
}

/* ==============================
   TITLE
================================ */
.studok-order-title,
.studok-order-item h3 {
    margin: 0 0 14px;
    font-size: 18px;
    font-weight: 600;
    color: #111827;
}

/* ==============================
   META (BADGES)
================================ */
.studok-order-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 14px;
}

.studok-order-meta span {
    background: #f3f4f6;
    padding: 6px 12px;
    border-radius: 999px;
    font-size: 13px;
    color: #374151;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    line-height: 1;
}

/* Highlighted meta */
.meta-budget {
    background: #ecfdf5;
    color: #065f46;
}

.meta-deadline {
    background: #fff7ed;
    color: #9a3412;
}

/* ==============================
   DESCRIPTION
================================ */
.studok-order-description {
    margin-top: 10px;
    font-size: 14px;
    color: #374151;
}

.studok-order-description strong {
    display: block;
    margin-bottom: 4px;
    color: #111827;
}

.studok-order-description p {
    margin: 0;
    line-height: 1.5;
}

/* ==============================
   FILES
================================ */
.studok-order-files {
    margin-top: 10px;
    font-size: 14px;
}

.studok-order-files a {
    color: #2563eb;
    font-weight: 500;
    text-decoration: underline;
}

/* ==============================
   ACTIONS
================================ */
.studok-order-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 18px;
    padding-top: 14px;
    border-top: 1px solid #e5e7eb;
}

.studok-order-actions .button {
    appearance: none;
    border: none;
    cursor: pointer;
    padding: 8px 16px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: all .15s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Default */
.studok-order-actions .button {
    background: #16a34a;
    color: #ffffff;
}

.studok-order-actions .button:hover {
    transform: translateY(-1px);
    filter: brightness(1.05);
}

/* Secondary */
.button.secondary {
    background: #e5e7eb;
    color: #111827;
}

/* Publish */
.button.publish {
    background: #2563eb;
    color: #ffffff;
}

/* Danger */
.button.danger {
    background: #dc2626;
    color: #ffffff;
}

/* ==============================
   RESPONSIVE (MOBILE)
================================ */
@media (max-width: 768px) {

    .studok-order-item {
        padding: 18px;
    }

    .studok-order-meta {
        gap: 8px;
    }

    .studok-order-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .studok-order-actions .button {
        width: 100%;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-26dd4ac *//* ==============================
   DASHBOARD LAYOUT
================================ */
.studok-dashboard {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* ==============================
   ORDER CARD
================================ */
.studok-order-item {
    background: #ffffff;
    border-radius: 14px;
    padding: 22px;
    box-shadow: 0 8px 28px rgba(0,0,0,0.08);
    transition: transform .2s ease, box-shadow .2s ease;
}

.studok-order-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 36px rgba(0,0,0,0.12);
}

/* ==============================
   TITLE
================================ */
.studok-order-title,
.studok-order-item h3 {
    margin: 0 0 14px;
    font-size: 18px;
    font-weight: 600;
    color: #111827;
}

/* ==============================
   META (BADGES)
================================ */
.studok-order-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 14px;
}

.studok-order-meta span {
    background: #f3f4f6;
    padding: 6px 12px;
    border-radius: 999px;
    font-size: 13px;
    color: #374151;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    line-height: 1;
}

/* Highlighted meta */
.meta-budget {
    background: #ecfdf5;
    color: #065f46;
}

.meta-deadline {
    background: #fff7ed;
    color: #9a3412;
}

/* ==============================
   DESCRIPTION
================================ */
.studok-order-description {
    margin-top: 10px;
    font-size: 14px;
    color: #374151;
}

.studok-order-description strong {
    display: block;
    margin-bottom: 4px;
    color: #111827;
}

.studok-order-description p {
    margin: 0;
    line-height: 1.5;
}

/* ==============================
   FILES
================================ */
.studok-order-files {
    margin-top: 10px;
    font-size: 14px;
}

.studok-order-files a {
    color: #2563eb;
    font-weight: 500;
    text-decoration: underline;
}

/* ==============================
   ACTIONS
================================ */
.studok-order-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 18px;
    padding-top: 14px;
    border-top: 1px solid #e5e7eb;
}

.studok-order-actions .button {
    appearance: none;
    border: none;
    cursor: pointer;
    padding: 8px 16px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: all .15s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Default */
.studok-order-actions .button {
    background: #16a34a;
    color: #ffffff;
}

.studok-order-actions .button:hover {
    transform: translateY(-1px);
    filter: brightness(1.05);
}

/* Secondary */
.button.secondary {
    background: #e5e7eb;
    color: #111827;
}

/* Publish */
.button.publish {
    background: #2563eb;
    color: #ffffff;
}

/* Danger */
.button.danger {
    background: #dc2626;
    color: #ffffff;
}

/* ==============================
   RESPONSIVE (MOBILE)
================================ */
@media (max-width: 768px) {

    .studok-order-item {
        padding: 18px;
    }

    .studok-order-meta {
        gap: 8px;
    }

    .studok-order-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .studok-order-actions .button {
        width: 100%;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-6153366 *//* =========================================
   STUDENT CABINET - "МОЇ ЗАМОВЛЕННЯ" STYLE
   (WP Job Manager Dashboard)
   ========================================= */

/* Загальний контейнер dashboard */
#job-manager-job-dashboard{
  margin: 0 auto;
  padding: 22px;
  border-radius: 8px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
}

/* Верхня панель: пошук + кнопка */
#job-manager-job-dashboard .jm-dashboard__intro{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-bottom: 1px solid #e2e8f0;
}

/* Поле пошуку */
#job-manager-job-dashboard input[type="search"]{
  width: 320px;
  max-width: 100%;
  border: 1px solid #000000;
  background: #fff;
  border-radius: 12px;
  padding: 10px 12px;
  outline: none;
  transition: 0.2s ease;
  color: #000000;
}

#job-manager-job-dashboard input[type="search"]:focus{
  border-color: #22c55e;
  box-shadow: 0 0 0 4px rgba(34,197,94,0.15);
}

/* Кнопка "Створити замовлення" */
#job-manager-job-dashboard .jm-dashboard__actions a.jm-ui-button{
  background: #22c55e !important;
  color: #ffffff !important;
  border: 0 !important;
  border-radius: 12px !important;
  padding: 10px 16px !important;
  font-weight: 700;
  transition: 0.2s ease;
}

#job-manager-job-dashboard .jm-dashboard__actions a.jm-ui-button:hover{
  transform: translateY(-1px);
  opacity: 0.95;
}

/* Шапка таблиці */
#job-manager-job-dashboard .jm-dashboard-header{
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  padding: 12px 14px;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 10px;
}

/* Рядок замовлення */
#job-manager-job-dashboard .jm-dashboard-job{
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  padding: 14px;
  margin-bottom: 12px;
  transition: 0.2s ease;
}

#job-manager-job-dashboard .jm-dashboard-job:hover{
  box-shadow: 0 10px 22px rgba(0,0,0,0.06);
  transform: translateY(-1px);
}

/* Назва замовлення */
#job-manager-job-dashboard a.job-title{
  font-weight: 700;
  color: #0f172a;
  text-decoration: none;
}

#job-manager-job-dashboard a.job-title:hover{
  color: #16a34a;
  text-decoration: underline;
}

/* Статус "Активна" */
#job-manager-job-dashboard .job-status .job-status-publish{
  display: inline-block;
  margin-top: 6px;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 700;
  background: rgba(34,197,94,0.12);
  color: #16a34a;
}

/* Малі тексти (expires, views) */
#job-manager-job-dashboard small,
#job-manager-job-dashboard .job-expires{
  color: #64748b;
  font-size: 12px;
}

/* Кнопка "Відмітити закритою" */
#job-manager-job-dashboard .jm-ui-button--outline{
  border-radius: 12px !important;
  border: 1px solid #e2e8f0 !important;
  background: #ffffff !important;
  color: #0f172a !important;
  font-weight: 600;
  padding: 8px 12px !important;
  transition: 0.2s ease;
}

#job-manager-job-dashboard .jm-ui-button--outline:hover{
  border-color: #22c55e !important;
  color: #16a34a !important;
}

/* Меню "..." */
#job-manager-job-dashboard summary.jm-ui-action-menu__open-button{
  border-radius: 12px !important;
  border: 1px solid #e2e8f0 !important;
  background: #f8fafc !important;
  transition: 0.2s ease;
}

#job-manager-job-dashboard summary.jm-ui-action-menu__open-button:hover{
  border-color: #22c55e !important;
}

/* Випадаюче меню */
#job-manager-job-dashboard .jm-ui-action-menu__content{
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  background: #ffffff;
  box-shadow: 0 14px 30px rgba(0,0,0,0.08);
  padding: 10px;
}

/* Посилання в меню */
#job-manager-job-dashboard .jm-ui-action-menu__content a{
  display: block;
  padding: 8px 10px;
  border-radius: 10px;
  color: #0f172a;
  text-decoration: none;
  font-weight: 600;
}

#job-manager-job-dashboard .jm-ui-action-menu__content a:hover{
  background: #f1f5f9;
}

/* Адаптація під телефон */
@media (max-width: 768px){
  #job-manager-job-dashboard{
    padding: 14px;
  }

  #job-manager-job-dashboard .jm-dashboard__intro{
    flex-direction: column;
    align-items: stretch;
  }

  #job-manager-job-dashboard input[type="search"]{
    width: 100%;
  }
}


/* =====================================
   STUDOK — ACCOUNT CENTER PREMIUM STYLE
===================================== */


/* MAIN CONTAINER */

.um.um-account {

    background: #ffffff;
    padding: 32px !important;

    border-radius: 16px !important;

    box-shadow: 
        0 10px 30px rgba(0,0,0,0.05),
        0 2px 6px rgba(0,0,0,0.04);


}


/* AVATAR */

.um-account-meta-img img {

    width: 90px !important;
    height: 90px !important;

    border-radius: 50% !important;

    border: 4px solid #ecfdf5;

    box-shadow: 0 5px 15px rgba(0,0,0,0.08);

}


/* USERNAME */

.um-account-name a {

    font-size: 14px !important;
    font-weight: 600 !important;

    color: #111827 !important;

}


/* PROFILE LINK */

.um-account-profile-link a {

    color: #22c55e !important;

    font-weight: 500 !important;

}


/* FIELD CONTAINER */

.um-field {

    margin-bottom: 20px !important;

}


/* LABEL */

.um-field-label label {

    font-size: 14px !important;

    font-weight: 600 !important;

    color: #374151 !important;

    margin-bottom: 6px !important;

}


/* INPUT */

.um-form-field {

    height: 44px !important;

    border-radius: 10px !important;

    border: 1px solid #e5e7eb !important;

    padding: 0 14px !important;

    font-size: 15px !important;

    transition: all 0.2s ease;

}


/* INPUT HOVER */

.um-form-field:hover {

    border-color: #22c55e !important;

}


/* INPUT FOCUS */

.um-form-field:focus {

    border-color: #22c55e !important;

    box-shadow: 0 0 0 3px rgba(34,197,94,0.15);

    outline: none !important;

}


/* BUTTON */

.um-button {

    background: linear-gradient(135deg,#22c55e,#16a34a) !important;

    border: none !important;

    color: white !important;

    height: 44px;

    padding: 0 24px !important;

    border-radius: 10px !important;

    font-weight: 600 !important;

    box-shadow: 0 6px 18px rgba(34,197,94,0.25);

    transition: all 0.25s ease;

}


/* BUTTON HOVER */

.um-button:hover {

    transform: translateY(-2px);

    box-shadow: 0 10px 22px rgba(34,197,94,0.35);

}


/* HEADING */

.um-account-heading {

    font-size: 20px !important;

    font-weight: 600 !important;

    margin-bottom: 24px !important;

    color: #111827;

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ab2dc26 *//* ==============================
   DASHBOARD LAYOUT
================================ */
.studok-dashboard {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* ==============================
   ORDER CARD
================================ */
.studok-order-item {
    background: #ffffff;
    border-radius: 14px;
    padding: 22px;
    box-shadow: 0 8px 28px rgba(0,0,0,0.08);
    transition: transform .2s ease, box-shadow .2s ease;
}

.studok-order-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 36px rgba(0,0,0,0.12);
}

/* ==============================
   TITLE
================================ */
.studok-order-title,
.studok-order-item h3 {
    margin: 0 0 14px;
    font-size: 18px;
    font-weight: 600;
    color: #111827;
}

/* ==============================
   META (BADGES)
================================ */
.studok-order-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 14px;
}

.studok-order-meta span {
    background: #f3f4f6;
    padding: 6px 12px;
    border-radius: 999px;
    font-size: 13px;
    color: #374151;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    line-height: 1;
}

/* Highlighted meta */
.meta-budget {
    background: #ecfdf5;
    color: #065f46;
}

.meta-deadline {
    background: #fff7ed;
    color: #9a3412;
}

/* ==============================
   DESCRIPTION
================================ */
.studok-order-description {
    margin-top: 10px;
    font-size: 14px;
    color: #374151;
}

.studok-order-description strong {
    display: block;
    margin-bottom: 4px;
    color: #111827;
}

.studok-order-description p {
    margin: 0;
    line-height: 1.5;
}

/* ==============================
   FILES
================================ */
.studok-order-files {
    margin-top: 10px;
    font-size: 14px;
}

.studok-order-files a {
    color: #2563eb;
    font-weight: 500;
    text-decoration: underline;
}

/* ==============================
   ACTIONS
================================ */
.studok-order-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 18px;
    padding-top: 14px;
    border-top: 1px solid #e5e7eb;
}

.studok-order-actions .button {
    appearance: none;
    border: none;
    cursor: pointer;
    padding: 8px 16px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: all .15s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Default */
.studok-order-actions .button {
    background: #16a34a;
    color: #ffffff;
}

.studok-order-actions .button:hover {
    transform: translateY(-1px);
    filter: brightness(1.05);
}

/* Secondary */
.button.secondary {
    background: #e5e7eb;
    color: #111827;
}

/* Publish */
.button.publish {
    background: #2563eb;
    color: #ffffff;
}

/* Danger */
.button.danger {
    background: #dc2626;
    color: #ffffff;
}

/* ==============================
   RESPONSIVE (MOBILE)
================================ */
@media (max-width: 768px) {

    .studok-order-item {
        padding: 18px;
    }

    .studok-order-meta {
        gap: 8px;
    }

    .studok-order-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .studok-order-actions .button {
        width: 100%;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-4f27b96 *//* =========================================
   STUDENT CABINET - "МОЇ ЗАМОВЛЕННЯ" STYLE
   (WP Job Manager Dashboard)
   ========================================= */

/* Загальний контейнер dashboard */
#job-manager-job-dashboard{
  margin: 0 auto;
  padding: 22px;
  border-radius: 8px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
}

/* Верхня панель: пошук + кнопка */
#job-manager-job-dashboard .jm-dashboard__intro{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-bottom: 1px solid #e2e8f0;
}

/* Поле пошуку */
#job-manager-job-dashboard input[type="search"]{
  width: 320px;
  max-width: 100%;
  border: 1px solid #000000;
  background: #fff;
  border-radius: 12px;
  padding: 10px 12px;
  outline: none;
  transition: 0.2s ease;
  color: #000000;
}

#job-manager-job-dashboard input[type="search"]:focus{
  border-color: #22c55e;
  box-shadow: 0 0 0 4px rgba(34,197,94,0.15);
}

/* Кнопка "Створити замовлення" */
#job-manager-job-dashboard .jm-dashboard__actions a.jm-ui-button{
  background: #22c55e !important;
  color: #ffffff !important;
  border: 0 !important;
  border-radius: 12px !important;
  padding: 10px 16px !important;
  font-weight: 700;
  transition: 0.2s ease;
}

#job-manager-job-dashboard .jm-dashboard__actions a.jm-ui-button:hover{
  transform: translateY(-1px);
  opacity: 0.95;
}

/* Шапка таблиці */
#job-manager-job-dashboard .jm-dashboard-header{
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  padding: 12px 14px;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 10px;
}

/* Рядок замовлення */
#job-manager-job-dashboard .jm-dashboard-job{
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  padding: 14px;
  margin-bottom: 12px;
  transition: 0.2s ease;
}

#job-manager-job-dashboard .jm-dashboard-job:hover{
  box-shadow: 0 10px 22px rgba(0,0,0,0.06);
  transform: translateY(-1px);
}

/* Назва замовлення */
#job-manager-job-dashboard a.job-title{
  font-weight: 700;
  color: #0f172a;
  text-decoration: none;
}

#job-manager-job-dashboard a.job-title:hover{
  color: #16a34a;
  text-decoration: underline;
}

/* Статус "Активна" */
#job-manager-job-dashboard .job-status .job-status-publish{
  display: inline-block;
  margin-top: 6px;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 700;
  background: rgba(34,197,94,0.12);
  color: #16a34a;
}

/* Малі тексти (expires, views) */
#job-manager-job-dashboard small,
#job-manager-job-dashboard .job-expires{
  color: #64748b;
  font-size: 12px;
}

/* Кнопка "Відмітити закритою" */
#job-manager-job-dashboard .jm-ui-button--outline{
  border-radius: 12px !important;
  border: 1px solid #e2e8f0 !important;
  background: #ffffff !important;
  color: #0f172a !important;
  font-weight: 600;
  padding: 8px 12px !important;
  transition: 0.2s ease;
}

#job-manager-job-dashboard .jm-ui-button--outline:hover{
  border-color: #22c55e !important;
  color: #16a34a !important;
}

/* Меню "..." */
#job-manager-job-dashboard summary.jm-ui-action-menu__open-button{
  border-radius: 12px !important;
  border: 1px solid #e2e8f0 !important;
  background: #f8fafc !important;
  transition: 0.2s ease;
}

#job-manager-job-dashboard summary.jm-ui-action-menu__open-button:hover{
  border-color: #22c55e !important;
}

/* Випадаюче меню */
#job-manager-job-dashboard .jm-ui-action-menu__content{
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  background: #ffffff;
  box-shadow: 0 14px 30px rgba(0,0,0,0.08);
  padding: 10px;
}

/* Посилання в меню */
#job-manager-job-dashboard .jm-ui-action-menu__content a{
  display: block;
  padding: 8px 10px;
  border-radius: 10px;
  color: #0f172a;
  text-decoration: none;
  font-weight: 600;
}

#job-manager-job-dashboard .jm-ui-action-menu__content a:hover{
  background: #f1f5f9;
}

/* Адаптація під телефон */
@media (max-width: 768px){
  #job-manager-job-dashboard{
    padding: 14px;
  }

  #job-manager-job-dashboard .jm-dashboard__intro{
    flex-direction: column;
    align-items: stretch;
  }

  #job-manager-job-dashboard input[type="search"]{
    width: 100%;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d2aa878 *//* ==============================
   DASHBOARD LAYOUT
================================ */
.studok-dashboard {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* ==============================
   ORDER CARD
================================ */
.studok-order-item {
    background: #ffffff;
    border-radius: 14px;
    padding: 22px;
    box-shadow: 0 8px 28px rgba(0,0,0,0.08);
    transition: transform .2s ease, box-shadow .2s ease;
}

.studok-order-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 36px rgba(0,0,0,0.12);
}

/* ==============================
   TITLE
================================ */
.studok-order-title,
.studok-order-item h3 {
    margin: 0 0 14px;
    font-size: 18px;
    font-weight: 600;
    color: #111827;
}

/* ==============================
   META (BADGES)
================================ */
.studok-order-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 14px;
}

.studok-order-meta span {
    background: #f3f4f6;
    padding: 6px 12px;
    border-radius: 999px;
    font-size: 13px;
    color: #374151;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    line-height: 1;
}

/* Highlighted meta */
.meta-budget {
    background: #ecfdf5;
    color: #065f46;
}

.meta-deadline {
    background: #fff7ed;
    color: #9a3412;
}

/* ==============================
   DESCRIPTION
================================ */
.studok-order-description {
    margin-top: 10px;
    font-size: 14px;
    color: #374151;
}

.studok-order-description strong {
    display: block;
    margin-bottom: 4px;
    color: #111827;
}

.studok-order-description p {
    margin: 0;
    line-height: 1.5;
}

/* ==============================
   FILES
================================ */
.studok-order-files {
    margin-top: 10px;
    font-size: 14px;
}

.studok-order-files a {
    color: #2563eb;
    font-weight: 500;
    text-decoration: underline;
}

/* ==============================
   ACTIONS
================================ */
.studok-order-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 18px;
    padding-top: 14px;
    border-top: 1px solid #e5e7eb;
}

.studok-order-actions .button {
    appearance: none;
    border: none;
    cursor: pointer;
    padding: 8px 16px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: all .15s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Default */
.studok-order-actions .button {
    background: #16a34a;
    color: #ffffff;
}

.studok-order-actions .button:hover {
    transform: translateY(-1px);
    filter: brightness(1.05);
}

/* Secondary */
.button.secondary {
    background: #e5e7eb;
    color: #111827;
}

/* Publish */
.button.publish {
    background: #2563eb;
    color: #ffffff;
}

/* Danger */
.button.danger {
    background: #dc2626;
    color: #ffffff;
}

/* ==============================
   RESPONSIVE (MOBILE)
================================ */
@media (max-width: 768px) {

    .studok-order-item {
        padding: 18px;
    }

    .studok-order-meta {
        gap: 8px;
    }

    .studok-order-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .studok-order-actions .button {
        width: 100%;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-6c7ae26 *//* =========================================
   STUDENT CABINET - "МОЇ ЗАМОВЛЕННЯ" STYLE
   (WP Job Manager Dashboard)
   ========================================= */

/* Загальний контейнер dashboard */
#job-manager-job-dashboard{
  margin: 0 auto;
  padding: 22px;
  border-radius: 8px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
}

/* Верхня панель: пошук + кнопка */
#job-manager-job-dashboard .jm-dashboard__intro{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-bottom: 1px solid #e2e8f0;
}

/* Поле пошуку */
#job-manager-job-dashboard input[type="search"]{
  width: 320px;
  max-width: 100%;
  border: 1px solid #000000;
  background: #fff;
  border-radius: 12px;
  padding: 10px 12px;
  outline: none;
  transition: 0.2s ease;
  color: #000000;
}

#job-manager-job-dashboard input[type="search"]:focus{
  border-color: #22c55e;
  box-shadow: 0 0 0 4px rgba(34,197,94,0.15);
}

/* Кнопка "Створити замовлення" */
#job-manager-job-dashboard .jm-dashboard__actions a.jm-ui-button{
  background: #22c55e !important;
  color: #ffffff !important;
  border: 0 !important;
  border-radius: 12px !important;
  padding: 10px 16px !important;
  font-weight: 700;
  transition: 0.2s ease;
}

#job-manager-job-dashboard .jm-dashboard__actions a.jm-ui-button:hover{
  transform: translateY(-1px);
  opacity: 0.95;
}

/* Шапка таблиці */
#job-manager-job-dashboard .jm-dashboard-header{
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  padding: 12px 14px;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 10px;
}

/* Рядок замовлення */
#job-manager-job-dashboard .jm-dashboard-job{
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  padding: 14px;
  margin-bottom: 12px;
  transition: 0.2s ease;
}

#job-manager-job-dashboard .jm-dashboard-job:hover{
  box-shadow: 0 10px 22px rgba(0,0,0,0.06);
  transform: translateY(-1px);
}

/* Назва замовлення */
#job-manager-job-dashboard a.job-title{
  font-weight: 700;
  color: #0f172a;
  text-decoration: none;
}

#job-manager-job-dashboard a.job-title:hover{
  color: #16a34a;
  text-decoration: underline;
}

/* Статус "Активна" */
#job-manager-job-dashboard .job-status .job-status-publish{
  display: inline-block;
  margin-top: 6px;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 700;
  background: rgba(34,197,94,0.12);
  color: #16a34a;
}

/* Малі тексти (expires, views) */
#job-manager-job-dashboard small,
#job-manager-job-dashboard .job-expires{
  color: #64748b;
  font-size: 12px;
}

/* Кнопка "Відмітити закритою" */
#job-manager-job-dashboard .jm-ui-button--outline{
  border-radius: 12px !important;
  border: 1px solid #e2e8f0 !important;
  background: #ffffff !important;
  color: #0f172a !important;
  font-weight: 600;
  padding: 8px 12px !important;
  transition: 0.2s ease;
}

#job-manager-job-dashboard .jm-ui-button--outline:hover{
  border-color: #22c55e !important;
  color: #16a34a !important;
}

/* Меню "..." */
#job-manager-job-dashboard summary.jm-ui-action-menu__open-button{
  border-radius: 12px !important;
  border: 1px solid #e2e8f0 !important;
  background: #f8fafc !important;
  transition: 0.2s ease;
}

#job-manager-job-dashboard summary.jm-ui-action-menu__open-button:hover{
  border-color: #22c55e !important;
}

/* Випадаюче меню */
#job-manager-job-dashboard .jm-ui-action-menu__content{
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  background: #ffffff;
  box-shadow: 0 14px 30px rgba(0,0,0,0.08);
  padding: 10px;
}

/* Посилання в меню */
#job-manager-job-dashboard .jm-ui-action-menu__content a{
  display: block;
  padding: 8px 10px;
  border-radius: 10px;
  color: #0f172a;
  text-decoration: none;
  font-weight: 600;
}

#job-manager-job-dashboard .jm-ui-action-menu__content a:hover{
  background: #f1f5f9;
}

/* Адаптація під телефон */
@media (max-width: 768px){
  #job-manager-job-dashboard{
    padding: 14px;
  }

  #job-manager-job-dashboard .jm-dashboard__intro{
    flex-direction: column;
    align-items: stretch;
  }

  #job-manager-job-dashboard input[type="search"]{
    width: 100%;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4e98d1d *//* ==============================
   DASHBOARD LAYOUT
================================ */
.studok-dashboard {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* ==============================
   ORDER CARD
================================ */
.studok-order-item {
    background: #ffffff;
    border-radius: 14px;
    padding: 22px;
    box-shadow: 0 8px 28px rgba(0,0,0,0.08);
    transition: transform .2s ease, box-shadow .2s ease;
}

.studok-order-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 36px rgba(0,0,0,0.12);
}

/* ==============================
   TITLE
================================ */
.studok-order-title,
.studok-order-item h3 {
    margin: 0 0 14px;
    font-size: 18px;
    font-weight: 600;
    color: #111827;
}

/* ==============================
   META (BADGES)
================================ */
.studok-order-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 14px;
}

.studok-order-meta span {
    background: #f3f4f6;
    padding: 6px 12px;
    border-radius: 999px;
    font-size: 13px;
    color: #374151;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    line-height: 1;
}

/* Highlighted meta */
.meta-budget {
    background: #ecfdf5;
    color: #065f46;
}

.meta-deadline {
    background: #fff7ed;
    color: #9a3412;
}

/* ==============================
   DESCRIPTION
================================ */
.studok-order-description {
    margin-top: 10px;
    font-size: 14px;
    color: #374151;
}

.studok-order-description strong {
    display: block;
    margin-bottom: 4px;
    color: #111827;
}

.studok-order-description p {
    margin: 0;
    line-height: 1.5;
}

/* ==============================
   FILES
================================ */
.studok-order-files {
    margin-top: 10px;
    font-size: 14px;
}

.studok-order-files a {
    color: #2563eb;
    font-weight: 500;
    text-decoration: underline;
}

/* ==============================
   ACTIONS
================================ */
.studok-order-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 18px;
    padding-top: 14px;
    border-top: 1px solid #e5e7eb;
}

.studok-order-actions .button {
    appearance: none;
    border: none;
    cursor: pointer;
    padding: 8px 16px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: all .15s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Default */
.studok-order-actions .button {
    background: #16a34a;
    color: #ffffff;
}

.studok-order-actions .button:hover {
    transform: translateY(-1px);
    filter: brightness(1.05);
}

/* Secondary */
.button.secondary {
    background: #e5e7eb;
    color: #111827;
}

/* Publish */
.button.publish {
    background: #2563eb;
    color: #ffffff;
}

/* Danger */
.button.danger {
    background: #dc2626;
    color: #ffffff;
}

/* ==============================
   RESPONSIVE (MOBILE)
================================ */
@media (max-width: 768px) {

    .studok-order-item {
        padding: 18px;
    }

    .studok-order-meta {
        gap: 8px;
    }

    .studok-order-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .studok-order-actions .button {
        width: 100%;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7f4dd84 */.studok-executors-list{
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(320px,1fr));
    gap:24px;
    margin-top:30px;
}

.studok-executor-card{
    background:#ffffff;
    border-radius:20px;
    padding:25px;
    box-shadow:0 10px 30px rgba(0,0,0,0.05);
    transition:all 0.3s ease;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
}

.studok-executor-card:hover{
    transform:translateY(-6px);
    box-shadow:0 15px 40px rgba(0,0,0,0.08);
}

.studok-executor-header{
    display:flex;
    align-items:center;
    gap:15px;
    margin-bottom:15px;
}

.studok-executor-header img{
    border-radius:50%;
    border:3px solid #2ecc71;
}

.studok-executor-info h3{
    margin:0;
    font-size:18px;
    font-weight:600;
    color:#222;
}

.studok-executor-meta{
    font-size:14px;
    color:#555;
    line-height:1.6;
    margin-bottom:20px;
}

.studok-executor-meta span{
    font-weight:600;
    color:#000;
}

.studok-executor-actions{
    display:flex;
    gap:12px;
    flex-wrap:wrap;
}

.studok-btn33{
    padding:10px 18px;
    border-radius:30px;
    text-decoration:none;
    font-size:14px;
    font-weight:500;
    transition:0.3s;
    display:inline-block;
}

.studok-btn-outline{
    border:2px solid #2ecc71;
    color:#2ecc71;
}

.studok-btn-outline:hover{
    background:#2ecc71;
    color:#fff;
}

.studok-btn-primary{
    background:#ff1a1a;
    color:#fff;
}

.studok-btn-primary:hover{
    background:#d41414;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7d23955 *//* ==============================
   DASHBOARD LAYOUT
================================ */
.studok-dashboard {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* ==============================
   ORDER CARD
================================ */
.studok-order-item {
    background: #ffffff;
    border-radius: 14px;
    padding: 22px;
    box-shadow: 0 8px 28px rgba(0,0,0,0.08);
    transition: transform .2s ease, box-shadow .2s ease;
}

.studok-order-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 36px rgba(0,0,0,0.12);
}

/* ==============================
   TITLE
================================ */
.studok-order-title,
.studok-order-item h3 {
    margin: 0 0 14px;
    font-size: 18px;
    font-weight: 600;
    color: #111827;
}

/* ==============================
   META (BADGES)
================================ */
.studok-order-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 14px;
}

.studok-order-meta span {
    background: #f3f4f6;
    padding: 6px 12px;
    border-radius: 999px;
    font-size: 13px;
    color: #374151;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    line-height: 1;
}

/* Highlighted meta */
.meta-budget {
    background: #ecfdf5;
    color: #065f46;
}

.meta-deadline {
    background: #fff7ed;
    color: #9a3412;
}

/* ==============================
   DESCRIPTION
================================ */
.studok-order-description {
    margin-top: 10px;
    font-size: 14px;
    color: #374151;
}

.studok-order-description strong {
    display: block;
    margin-bottom: 4px;
    color: #111827;
}

.studok-order-description p {
    margin: 0;
    line-height: 1.5;
}

/* ==============================
   FILES
================================ */
.studok-order-files {
    margin-top: 10px;
    font-size: 14px;
}

.studok-order-files a {
    color: #2563eb;
    font-weight: 500;
    text-decoration: underline;
}

/* ==============================
   ACTIONS
================================ */
.studok-order-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 18px;
    padding-top: 14px;
    border-top: 1px solid #e5e7eb;
}

.studok-order-actions .button {
    appearance: none;
    border: none;
    cursor: pointer;
    padding: 8px 16px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: all .15s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Default */
.studok-order-actions .button {
    background: #16a34a;
    color: #ffffff;
}

.studok-order-actions .button:hover {
    transform: translateY(-1px);
    filter: brightness(1.05);
}

/* Secondary */
.button.secondary {
    background: #e5e7eb;
    color: #111827;
}

/* Publish */
.button.publish {
    background: #2563eb;
    color: #ffffff;
}

/* Danger */
.button.danger {
    background: #dc2626;
    color: #ffffff;
}

/* ==============================
   RESPONSIVE (MOBILE)
================================ */
@media (max-width: 768px) {

    .studok-order-item {
        padding: 18px;
    }

    .studok-order-meta {
        gap: 8px;
    }

    .studok-order-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .studok-order-actions .button {
        width: 100%;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-177b598 *//* =========================================
   STUDENT CABINET - "МОЇ ЗАМОВЛЕННЯ" STYLE
   (WP Job Manager Dashboard)
   ========================================= */

/* Загальний контейнер dashboard */
#job-manager-job-dashboard{
  margin: 0 auto;
  padding: 22px;
  border-radius: 8px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
}

/* Верхня панель: пошук + кнопка */
#job-manager-job-dashboard .jm-dashboard__intro{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-bottom: 1px solid #e2e8f0;
}

/* Поле пошуку */
#job-manager-job-dashboard input[type="search"]{
  width: 320px;
  max-width: 100%;
  border: 1px solid #000000;
  background: #fff;
  border-radius: 12px;
  padding: 10px 12px;
  outline: none;
  transition: 0.2s ease;
  color: #000000;
}

#job-manager-job-dashboard input[type="search"]:focus{
  border-color: #22c55e;
  box-shadow: 0 0 0 4px rgba(34,197,94,0.15);
}

/* Кнопка "Створити замовлення" */
#job-manager-job-dashboard .jm-dashboard__actions a.jm-ui-button{
  background: #22c55e !important;
  color: #ffffff !important;
  border: 0 !important;
  border-radius: 12px !important;
  padding: 10px 16px !important;
  font-weight: 700;
  transition: 0.2s ease;
}

#job-manager-job-dashboard .jm-dashboard__actions a.jm-ui-button:hover{
  transform: translateY(-1px);
  opacity: 0.95;
}

/* Шапка таблиці */
#job-manager-job-dashboard .jm-dashboard-header{
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  padding: 12px 14px;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 10px;
}

/* Рядок замовлення */
#job-manager-job-dashboard .jm-dashboard-job{
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  padding: 14px;
  margin-bottom: 12px;
  transition: 0.2s ease;
}

#job-manager-job-dashboard .jm-dashboard-job:hover{
  box-shadow: 0 10px 22px rgba(0,0,0,0.06);
  transform: translateY(-1px);
}

/* Назва замовлення */
#job-manager-job-dashboard a.job-title{
  font-weight: 700;
  color: #0f172a;
  text-decoration: none;
}

#job-manager-job-dashboard a.job-title:hover{
  color: #16a34a;
  text-decoration: underline;
}

/* Статус "Активна" */
#job-manager-job-dashboard .job-status .job-status-publish{
  display: inline-block;
  margin-top: 6px;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 700;
  background: rgba(34,197,94,0.12);
  color: #16a34a;
}

/* Малі тексти (expires, views) */
#job-manager-job-dashboard small,
#job-manager-job-dashboard .job-expires{
  color: #64748b;
  font-size: 12px;
}

/* Кнопка "Відмітити закритою" */
#job-manager-job-dashboard .jm-ui-button--outline{
  border-radius: 12px !important;
  border: 1px solid #e2e8f0 !important;
  background: #ffffff !important;
  color: #0f172a !important;
  font-weight: 600;
  padding: 8px 12px !important;
  transition: 0.2s ease;
}

#job-manager-job-dashboard .jm-ui-button--outline:hover{
  border-color: #22c55e !important;
  color: #16a34a !important;
}

/* Меню "..." */
#job-manager-job-dashboard summary.jm-ui-action-menu__open-button{
  border-radius: 12px !important;
  border: 1px solid #e2e8f0 !important;
  background: #f8fafc !important;
  transition: 0.2s ease;
}

#job-manager-job-dashboard summary.jm-ui-action-menu__open-button:hover{
  border-color: #22c55e !important;
}

/* Випадаюче меню */
#job-manager-job-dashboard .jm-ui-action-menu__content{
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  background: #ffffff;
  box-shadow: 0 14px 30px rgba(0,0,0,0.08);
  padding: 10px;
}

/* Посилання в меню */
#job-manager-job-dashboard .jm-ui-action-menu__content a{
  display: block;
  padding: 8px 10px;
  border-radius: 10px;
  color: #0f172a;
  text-decoration: none;
  font-weight: 600;
}

#job-manager-job-dashboard .jm-ui-action-menu__content a:hover{
  background: #f1f5f9;
}

/* Адаптація під телефон */
@media (max-width: 768px){
  #job-manager-job-dashboard{
    padding: 14px;
  }

  #job-manager-job-dashboard .jm-dashboard__intro{
    flex-direction: column;
    align-items: stretch;
  }

  #job-manager-job-dashboard input[type="search"]{
    width: 100%;
  }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-fba4a0b *//* =========================================
   STUDENT CABINET - "МОЇ ЗАМОВЛЕННЯ" STYLE
   (WP Job Manager Dashboard)
   ========================================= */

/* Загальний контейнер dashboard */
#job-manager-job-dashboard{
  margin: 0 auto;
  padding: 22px;
  border-radius: 8px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
}

/* Верхня панель: пошук + кнопка */
#job-manager-job-dashboard .jm-dashboard__intro{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-bottom: 1px solid #e2e8f0;
}

/* Поле пошуку */
#job-manager-job-dashboard input[type="search"]{
  width: 320px;
  max-width: 100%;
  border: 1px solid #000000;
  background: #fff;
  border-radius: 12px;
  padding: 10px 12px;
  outline: none;
  transition: 0.2s ease;
  color: #000000;
}

#job-manager-job-dashboard input[type="search"]:focus{
  border-color: #22c55e;
  box-shadow: 0 0 0 4px rgba(34,197,94,0.15);
}

/* Кнопка "Створити замовлення" */
#job-manager-job-dashboard .jm-dashboard__actions a.jm-ui-button{
  background: #22c55e !important;
  color: #ffffff !important;
  border: 0 !important;
  border-radius: 12px !important;
  padding: 10px 16px !important;
  font-weight: 700;
  transition: 0.2s ease;
}

#job-manager-job-dashboard .jm-dashboard__actions a.jm-ui-button:hover{
  transform: translateY(-1px);
  opacity: 0.95;
}

/* Шапка таблиці */
#job-manager-job-dashboard .jm-dashboard-header{
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  padding: 12px 14px;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 10px;
}

/* Рядок замовлення */
#job-manager-job-dashboard .jm-dashboard-job{
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  padding: 14px;
  margin-bottom: 12px;
  transition: 0.2s ease;
}

#job-manager-job-dashboard .jm-dashboard-job:hover{
  box-shadow: 0 10px 22px rgba(0,0,0,0.06);
  transform: translateY(-1px);
}

/* Назва замовлення */
#job-manager-job-dashboard a.job-title{
  font-weight: 700;
  color: #0f172a;
  text-decoration: none;
}

#job-manager-job-dashboard a.job-title:hover{
  color: #16a34a;
  text-decoration: underline;
}

/* Статус "Активна" */
#job-manager-job-dashboard .job-status .job-status-publish{
  display: inline-block;
  margin-top: 6px;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 700;
  background: rgba(34,197,94,0.12);
  color: #16a34a;
}

/* Малі тексти (expires, views) */
#job-manager-job-dashboard small,
#job-manager-job-dashboard .job-expires{
  color: #64748b;
  font-size: 12px;
}

/* Кнопка "Відмітити закритою" */
#job-manager-job-dashboard .jm-ui-button--outline{
  border-radius: 12px !important;
  border: 1px solid #e2e8f0 !important;
  background: #ffffff !important;
  color: #0f172a !important;
  font-weight: 600;
  padding: 8px 12px !important;
  transition: 0.2s ease;
}

#job-manager-job-dashboard .jm-ui-button--outline:hover{
  border-color: #22c55e !important;
  color: #16a34a !important;
}

/* Меню "..." */
#job-manager-job-dashboard summary.jm-ui-action-menu__open-button{
  border-radius: 12px !important;
  border: 1px solid #e2e8f0 !important;
  background: #f8fafc !important;
  transition: 0.2s ease;
}

#job-manager-job-dashboard summary.jm-ui-action-menu__open-button:hover{
  border-color: #22c55e !important;
}

/* Випадаюче меню */
#job-manager-job-dashboard .jm-ui-action-menu__content{
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  background: #ffffff;
  box-shadow: 0 14px 30px rgba(0,0,0,0.08);
  padding: 10px;
}

/* Посилання в меню */
#job-manager-job-dashboard .jm-ui-action-menu__content a{
  display: block;
  padding: 8px 10px;
  border-radius: 10px;
  color: #0f172a;
  text-decoration: none;
  font-weight: 600;
}

#job-manager-job-dashboard .jm-ui-action-menu__content a:hover{
  background: #f1f5f9;
}

/* Адаптація під телефон */
@media (max-width: 768px){
  #job-manager-job-dashboard{
    padding: 14px;
  }

  #job-manager-job-dashboard .jm-dashboard__intro{
    flex-direction: column;
    align-items: stretch;
  }

  #job-manager-job-dashboard input[type="search"]{
    width: 100%;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-331c55f *//* ==============================
   DASHBOARD LAYOUT
================================ */
.studok-dashboard {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* ==============================
   ORDER CARD
================================ */
.studok-order-item {
    background: #ffffff;
    border-radius: 14px;
    padding: 22px;
    box-shadow: 0 8px 28px rgba(0,0,0,0.08);
    transition: transform .2s ease, box-shadow .2s ease;
}

.studok-order-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 36px rgba(0,0,0,0.12);
}

/* ==============================
   TITLE
================================ */
.studok-order-title,
.studok-order-item h3 {
    margin: 0 0 14px;
    font-size: 18px;
    font-weight: 600;
    color: #111827;
}

/* ==============================
   META (BADGES)
================================ */
.studok-order-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 14px;
}

.studok-order-meta span {
    background: #f3f4f6;
    padding: 6px 12px;
    border-radius: 999px;
    font-size: 13px;
    color: #374151;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    line-height: 1;
}

/* Highlighted meta */
.meta-budget {
    background: #ecfdf5;
    color: #065f46;
}

.meta-deadline {
    background: #fff7ed;
    color: #9a3412;
}

/* ==============================
   DESCRIPTION
================================ */
.studok-order-description {
    margin-top: 10px;
    font-size: 14px;
    color: #374151;
}

.studok-order-description strong {
    display: block;
    margin-bottom: 4px;
    color: #111827;
}

.studok-order-description p {
    margin: 0;
    line-height: 1.5;
}

/* ==============================
   FILES
================================ */
.studok-order-files {
    margin-top: 10px;
    font-size: 14px;
}

.studok-order-files a {
    color: #2563eb;
    font-weight: 500;
    text-decoration: underline;
}

/* ==============================
   ACTIONS
================================ */
.studok-order-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 18px;
    padding-top: 14px;
    border-top: 1px solid #e5e7eb;
}

.studok-order-actions .button {
    appearance: none;
    border: none;
    cursor: pointer;
    padding: 8px 16px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: all .15s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Default */
.studok-order-actions .button {
    background: #16a34a;
    color: #ffffff;
}

.studok-order-actions .button:hover {
    transform: translateY(-1px);
    filter: brightness(1.05);
}

/* Secondary */
.button.secondary {
    background: #e5e7eb;
    color: #111827;
}

/* Publish */
.button.publish {
    background: #2563eb;
    color: #ffffff;
}

/* Danger */
.button.danger {
    background: #dc2626;
    color: #ffffff;
}

/* ==============================
   RESPONSIVE (MOBILE)
================================ */
@media (max-width: 768px) {

    .studok-order-item {
        padding: 18px;
    }

    .studok-order-meta {
        gap: 8px;
    }

    .studok-order-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .studok-order-actions .button {
        width: 100%;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3d7ee6e *//* ==============================
   DASHBOARD LAYOUT
================================ */
.studok-dashboard {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* ==============================
   ORDER CARD
================================ */
.studok-order-item {
    background: #ffffff;
    border-radius: 14px;
    padding: 22px;
    box-shadow: 0 8px 28px rgba(0,0,0,0.08);
    transition: transform .2s ease, box-shadow .2s ease;
}

.studok-order-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 36px rgba(0,0,0,0.12);
}

/* ==============================
   TITLE
================================ */
.studok-order-title,
.studok-order-item h3 {
    margin: 0 0 14px;
    font-size: 18px;
    font-weight: 600;
    color: #111827;
}

/* ==============================
   META (BADGES)
================================ */
.studok-order-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 14px;
}

.studok-order-meta span {
    background: #f3f4f6;
    padding: 6px 12px;
    border-radius: 999px;
    font-size: 13px;
    color: #374151;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    line-height: 1;
}

/* Highlighted meta */
.meta-budget {
    background: #ecfdf5;
    color: #065f46;
}

.meta-deadline {
    background: #fff7ed;
    color: #9a3412;
}

/* ==============================
   DESCRIPTION
================================ */
.studok-order-description {
    margin-top: 10px;
    font-size: 14px;
    color: #374151;
}

.studok-order-description strong {
    display: block;
    margin-bottom: 4px;
    color: #111827;
}

.studok-order-description p {
    margin: 0;
    line-height: 1.5;
}

/* ==============================
   FILES
================================ */
.studok-order-files {
    margin-top: 10px;
    font-size: 14px;
}

.studok-order-files a {
    color: #2563eb;
    font-weight: 500;
    text-decoration: underline;
}

/* ==============================
   ACTIONS
================================ */
.studok-order-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 18px;
    padding-top: 14px;
    border-top: 1px solid #e5e7eb;
}

.studok-order-actions .button {
    appearance: none;
    border: none;
    cursor: pointer;
    padding: 8px 16px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: all .15s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Default */
.studok-order-actions .button {
    background: #16a34a;
    color: #ffffff;
}

.studok-order-actions .button:hover {
    transform: translateY(-1px);
    filter: brightness(1.05);
}

/* Secondary */
.button.secondary {
    background: #e5e7eb;
    color: #111827;
}

/* Publish */
.button.publish {
    background: #2563eb;
    color: #ffffff;
}

/* Danger */
.button.danger {
    background: #dc2626;
    color: #ffffff;
}

/* ==============================
   RESPONSIVE (MOBILE)
================================ */
@media (max-width: 768px) {

    .studok-order-item {
        padding: 18px;
    }

    .studok-order-meta {
        gap: 8px;
    }

    .studok-order-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .studok-order-actions .button {
        width: 100%;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-26dd4ac *//* ==============================
   DASHBOARD LAYOUT
================================ */
.studok-dashboard {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* ==============================
   ORDER CARD
================================ */
.studok-order-item {
    background: #ffffff;
    border-radius: 14px;
    padding: 22px;
    box-shadow: 0 8px 28px rgba(0,0,0,0.08);
    transition: transform .2s ease, box-shadow .2s ease;
}

.studok-order-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 36px rgba(0,0,0,0.12);
}

/* ==============================
   TITLE
================================ */
.studok-order-title,
.studok-order-item h3 {
    margin: 0 0 14px;
    font-size: 18px;
    font-weight: 600;
    color: #111827;
}

/* ==============================
   META (BADGES)
================================ */
.studok-order-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 14px;
}

.studok-order-meta span {
    background: #f3f4f6;
    padding: 6px 12px;
    border-radius: 999px;
    font-size: 13px;
    color: #374151;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    line-height: 1;
}

/* Highlighted meta */
.meta-budget {
    background: #ecfdf5;
    color: #065f46;
}

.meta-deadline {
    background: #fff7ed;
    color: #9a3412;
}

/* ==============================
   DESCRIPTION
================================ */
.studok-order-description {
    margin-top: 10px;
    font-size: 14px;
    color: #374151;
}

.studok-order-description strong {
    display: block;
    margin-bottom: 4px;
    color: #111827;
}

.studok-order-description p {
    margin: 0;
    line-height: 1.5;
}

/* ==============================
   FILES
================================ */
.studok-order-files {
    margin-top: 10px;
    font-size: 14px;
}

.studok-order-files a {
    color: #2563eb;
    font-weight: 500;
    text-decoration: underline;
}

/* ==============================
   ACTIONS
================================ */
.studok-order-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 18px;
    padding-top: 14px;
    border-top: 1px solid #e5e7eb;
}

.studok-order-actions .button {
    appearance: none;
    border: none;
    cursor: pointer;
    padding: 8px 16px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: all .15s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Default */
.studok-order-actions .button {
    background: #16a34a;
    color: #ffffff;
}

.studok-order-actions .button:hover {
    transform: translateY(-1px);
    filter: brightness(1.05);
}

/* Secondary */
.button.secondary {
    background: #e5e7eb;
    color: #111827;
}

/* Publish */
.button.publish {
    background: #2563eb;
    color: #ffffff;
}

/* Danger */
.button.danger {
    background: #dc2626;
    color: #ffffff;
}

/* ==============================
   RESPONSIVE (MOBILE)
================================ */
@media (max-width: 768px) {

    .studok-order-item {
        padding: 18px;
    }

    .studok-order-meta {
        gap: 8px;
    }

    .studok-order-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .studok-order-actions .button {
        width: 100%;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-6153366 *//* =========================================
   STUDENT CABINET - "МОЇ ЗАМОВЛЕННЯ" STYLE
   (WP Job Manager Dashboard)
   ========================================= */

/* Загальний контейнер dashboard */
#job-manager-job-dashboard{
  margin: 0 auto;
  padding: 22px;
  border-radius: 8px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
}

/* Верхня панель: пошук + кнопка */
#job-manager-job-dashboard .jm-dashboard__intro{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-bottom: 1px solid #e2e8f0;
}

/* Поле пошуку */
#job-manager-job-dashboard input[type="search"]{
  width: 320px;
  max-width: 100%;
  border: 1px solid #000000;
  background: #fff;
  border-radius: 12px;
  padding: 10px 12px;
  outline: none;
  transition: 0.2s ease;
  color: #000000;
}

#job-manager-job-dashboard input[type="search"]:focus{
  border-color: #22c55e;
  box-shadow: 0 0 0 4px rgba(34,197,94,0.15);
}

/* Кнопка "Створити замовлення" */
#job-manager-job-dashboard .jm-dashboard__actions a.jm-ui-button{
  background: #22c55e !important;
  color: #ffffff !important;
  border: 0 !important;
  border-radius: 12px !important;
  padding: 10px 16px !important;
  font-weight: 700;
  transition: 0.2s ease;
}

#job-manager-job-dashboard .jm-dashboard__actions a.jm-ui-button:hover{
  transform: translateY(-1px);
  opacity: 0.95;
}

/* Шапка таблиці */
#job-manager-job-dashboard .jm-dashboard-header{
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  padding: 12px 14px;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 10px;
}

/* Рядок замовлення */
#job-manager-job-dashboard .jm-dashboard-job{
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  padding: 14px;
  margin-bottom: 12px;
  transition: 0.2s ease;
}

#job-manager-job-dashboard .jm-dashboard-job:hover{
  box-shadow: 0 10px 22px rgba(0,0,0,0.06);
  transform: translateY(-1px);
}

/* Назва замовлення */
#job-manager-job-dashboard a.job-title{
  font-weight: 700;
  color: #0f172a;
  text-decoration: none;
}

#job-manager-job-dashboard a.job-title:hover{
  color: #16a34a;
  text-decoration: underline;
}

/* Статус "Активна" */
#job-manager-job-dashboard .job-status .job-status-publish{
  display: inline-block;
  margin-top: 6px;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 700;
  background: rgba(34,197,94,0.12);
  color: #16a34a;
}

/* Малі тексти (expires, views) */
#job-manager-job-dashboard small,
#job-manager-job-dashboard .job-expires{
  color: #64748b;
  font-size: 12px;
}

/* Кнопка "Відмітити закритою" */
#job-manager-job-dashboard .jm-ui-button--outline{
  border-radius: 12px !important;
  border: 1px solid #e2e8f0 !important;
  background: #ffffff !important;
  color: #0f172a !important;
  font-weight: 600;
  padding: 8px 12px !important;
  transition: 0.2s ease;
}

#job-manager-job-dashboard .jm-ui-button--outline:hover{
  border-color: #22c55e !important;
  color: #16a34a !important;
}

/* Меню "..." */
#job-manager-job-dashboard summary.jm-ui-action-menu__open-button{
  border-radius: 12px !important;
  border: 1px solid #e2e8f0 !important;
  background: #f8fafc !important;
  transition: 0.2s ease;
}

#job-manager-job-dashboard summary.jm-ui-action-menu__open-button:hover{
  border-color: #22c55e !important;
}

/* Випадаюче меню */
#job-manager-job-dashboard .jm-ui-action-menu__content{
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  background: #ffffff;
  box-shadow: 0 14px 30px rgba(0,0,0,0.08);
  padding: 10px;
}

/* Посилання в меню */
#job-manager-job-dashboard .jm-ui-action-menu__content a{
  display: block;
  padding: 8px 10px;
  border-radius: 10px;
  color: #0f172a;
  text-decoration: none;
  font-weight: 600;
}

#job-manager-job-dashboard .jm-ui-action-menu__content a:hover{
  background: #f1f5f9;
}

/* Адаптація під телефон */
@media (max-width: 768px){
  #job-manager-job-dashboard{
    padding: 14px;
  }

  #job-manager-job-dashboard .jm-dashboard__intro{
    flex-direction: column;
    align-items: stretch;
  }

  #job-manager-job-dashboard input[type="search"]{
    width: 100%;
  }
}


/* =====================================
   STUDOK — ACCOUNT CENTER PREMIUM STYLE
===================================== */


/* MAIN CONTAINER */

.um.um-account {

    background: #ffffff;
    padding: 32px !important;

    border-radius: 16px !important;

    box-shadow: 
        0 10px 30px rgba(0,0,0,0.05),
        0 2px 6px rgba(0,0,0,0.04);


}


/* AVATAR */

.um-account-meta-img img {

    width: 90px !important;
    height: 90px !important;

    border-radius: 50% !important;

    border: 4px solid #ecfdf5;

    box-shadow: 0 5px 15px rgba(0,0,0,0.08);

}


/* USERNAME */

.um-account-name a {

    font-size: 14px !important;
    font-weight: 600 !important;

    color: #111827 !important;

}


/* PROFILE LINK */

.um-account-profile-link a {

    color: #22c55e !important;

    font-weight: 500 !important;

}


/* FIELD CONTAINER */

.um-field {

    margin-bottom: 20px !important;

}


/* LABEL */

.um-field-label label {

    font-size: 14px !important;

    font-weight: 600 !important;

    color: #374151 !important;

    margin-bottom: 6px !important;

}


/* INPUT */

.um-form-field {

    height: 44px !important;

    border-radius: 10px !important;

    border: 1px solid #e5e7eb !important;

    padding: 0 14px !important;

    font-size: 15px !important;

    transition: all 0.2s ease;

}


/* INPUT HOVER */

.um-form-field:hover {

    border-color: #22c55e !important;

}


/* INPUT FOCUS */

.um-form-field:focus {

    border-color: #22c55e !important;

    box-shadow: 0 0 0 3px rgba(34,197,94,0.15);

    outline: none !important;

}


/* BUTTON */

.um-button {

    background: linear-gradient(135deg,#22c55e,#16a34a) !important;

    border: none !important;

    color: white !important;

    height: 44px;

    padding: 0 24px !important;

    border-radius: 10px !important;

    font-weight: 600 !important;

    box-shadow: 0 6px 18px rgba(34,197,94,0.25);

    transition: all 0.25s ease;

}


/* BUTTON HOVER */

.um-button:hover {

    transform: translateY(-2px);

    box-shadow: 0 10px 22px rgba(34,197,94,0.35);

}


/* HEADING */

.um-account-heading {

    font-size: 20px !important;

    font-weight: 600 !important;

    margin-bottom: 24px !important;

    color: #111827;

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ab2dc26 *//* ==============================
   DASHBOARD LAYOUT
================================ */
.studok-dashboard {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* ==============================
   ORDER CARD
================================ */
.studok-order-item {
    background: #ffffff;
    border-radius: 14px;
    padding: 22px;
    box-shadow: 0 8px 28px rgba(0,0,0,0.08);
    transition: transform .2s ease, box-shadow .2s ease;
}

.studok-order-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 36px rgba(0,0,0,0.12);
}

/* ==============================
   TITLE
================================ */
.studok-order-title,
.studok-order-item h3 {
    margin: 0 0 14px;
    font-size: 18px;
    font-weight: 600;
    color: #111827;
}

/* ==============================
   META (BADGES)
================================ */
.studok-order-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 14px;
}

.studok-order-meta span {
    background: #f3f4f6;
    padding: 6px 12px;
    border-radius: 999px;
    font-size: 13px;
    color: #374151;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    line-height: 1;
}

/* Highlighted meta */
.meta-budget {
    background: #ecfdf5;
    color: #065f46;
}

.meta-deadline {
    background: #fff7ed;
    color: #9a3412;
}

/* ==============================
   DESCRIPTION
================================ */
.studok-order-description {
    margin-top: 10px;
    font-size: 14px;
    color: #374151;
}

.studok-order-description strong {
    display: block;
    margin-bottom: 4px;
    color: #111827;
}

.studok-order-description p {
    margin: 0;
    line-height: 1.5;
}

/* ==============================
   FILES
================================ */
.studok-order-files {
    margin-top: 10px;
    font-size: 14px;
}

.studok-order-files a {
    color: #2563eb;
    font-weight: 500;
    text-decoration: underline;
}

/* ==============================
   ACTIONS
================================ */
.studok-order-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 18px;
    padding-top: 14px;
    border-top: 1px solid #e5e7eb;
}

.studok-order-actions .button {
    appearance: none;
    border: none;
    cursor: pointer;
    padding: 8px 16px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: all .15s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Default */
.studok-order-actions .button {
    background: #16a34a;
    color: #ffffff;
}

.studok-order-actions .button:hover {
    transform: translateY(-1px);
    filter: brightness(1.05);
}

/* Secondary */
.button.secondary {
    background: #e5e7eb;
    color: #111827;
}

/* Publish */
.button.publish {
    background: #2563eb;
    color: #ffffff;
}

/* Danger */
.button.danger {
    background: #dc2626;
    color: #ffffff;
}

/* ==============================
   RESPONSIVE (MOBILE)
================================ */
@media (max-width: 768px) {

    .studok-order-item {
        padding: 18px;
    }

    .studok-order-meta {
        gap: 8px;
    }

    .studok-order-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .studok-order-actions .button {
        width: 100%;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-4f27b96 *//* =========================================
   STUDENT CABINET - "МОЇ ЗАМОВЛЕННЯ" STYLE
   (WP Job Manager Dashboard)
   ========================================= */

/* Загальний контейнер dashboard */
#job-manager-job-dashboard{
  margin: 0 auto;
  padding: 22px;
  border-radius: 8px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
}

/* Верхня панель: пошук + кнопка */
#job-manager-job-dashboard .jm-dashboard__intro{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-bottom: 1px solid #e2e8f0;
}

/* Поле пошуку */
#job-manager-job-dashboard input[type="search"]{
  width: 320px;
  max-width: 100%;
  border: 1px solid #000000;
  background: #fff;
  border-radius: 12px;
  padding: 10px 12px;
  outline: none;
  transition: 0.2s ease;
  color: #000000;
}

#job-manager-job-dashboard input[type="search"]:focus{
  border-color: #22c55e;
  box-shadow: 0 0 0 4px rgba(34,197,94,0.15);
}

/* Кнопка "Створити замовлення" */
#job-manager-job-dashboard .jm-dashboard__actions a.jm-ui-button{
  background: #22c55e !important;
  color: #ffffff !important;
  border: 0 !important;
  border-radius: 12px !important;
  padding: 10px 16px !important;
  font-weight: 700;
  transition: 0.2s ease;
}

#job-manager-job-dashboard .jm-dashboard__actions a.jm-ui-button:hover{
  transform: translateY(-1px);
  opacity: 0.95;
}

/* Шапка таблиці */
#job-manager-job-dashboard .jm-dashboard-header{
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  padding: 12px 14px;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 10px;
}

/* Рядок замовлення */
#job-manager-job-dashboard .jm-dashboard-job{
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  padding: 14px;
  margin-bottom: 12px;
  transition: 0.2s ease;
}

#job-manager-job-dashboard .jm-dashboard-job:hover{
  box-shadow: 0 10px 22px rgba(0,0,0,0.06);
  transform: translateY(-1px);
}

/* Назва замовлення */
#job-manager-job-dashboard a.job-title{
  font-weight: 700;
  color: #0f172a;
  text-decoration: none;
}

#job-manager-job-dashboard a.job-title:hover{
  color: #16a34a;
  text-decoration: underline;
}

/* Статус "Активна" */
#job-manager-job-dashboard .job-status .job-status-publish{
  display: inline-block;
  margin-top: 6px;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 700;
  background: rgba(34,197,94,0.12);
  color: #16a34a;
}

/* Малі тексти (expires, views) */
#job-manager-job-dashboard small,
#job-manager-job-dashboard .job-expires{
  color: #64748b;
  font-size: 12px;
}

/* Кнопка "Відмітити закритою" */
#job-manager-job-dashboard .jm-ui-button--outline{
  border-radius: 12px !important;
  border: 1px solid #e2e8f0 !important;
  background: #ffffff !important;
  color: #0f172a !important;
  font-weight: 600;
  padding: 8px 12px !important;
  transition: 0.2s ease;
}

#job-manager-job-dashboard .jm-ui-button--outline:hover{
  border-color: #22c55e !important;
  color: #16a34a !important;
}

/* Меню "..." */
#job-manager-job-dashboard summary.jm-ui-action-menu__open-button{
  border-radius: 12px !important;
  border: 1px solid #e2e8f0 !important;
  background: #f8fafc !important;
  transition: 0.2s ease;
}

#job-manager-job-dashboard summary.jm-ui-action-menu__open-button:hover{
  border-color: #22c55e !important;
}

/* Випадаюче меню */
#job-manager-job-dashboard .jm-ui-action-menu__content{
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  background: #ffffff;
  box-shadow: 0 14px 30px rgba(0,0,0,0.08);
  padding: 10px;
}

/* Посилання в меню */
#job-manager-job-dashboard .jm-ui-action-menu__content a{
  display: block;
  padding: 8px 10px;
  border-radius: 10px;
  color: #0f172a;
  text-decoration: none;
  font-weight: 600;
}

#job-manager-job-dashboard .jm-ui-action-menu__content a:hover{
  background: #f1f5f9;
}

/* Адаптація під телефон */
@media (max-width: 768px){
  #job-manager-job-dashboard{
    padding: 14px;
  }

  #job-manager-job-dashboard .jm-dashboard__intro{
    flex-direction: column;
    align-items: stretch;
  }

  #job-manager-job-dashboard input[type="search"]{
    width: 100%;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d2aa878 *//* ==============================
   DASHBOARD LAYOUT
================================ */
.studok-dashboard {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* ==============================
   ORDER CARD
================================ */
.studok-order-item {
    background: #ffffff;
    border-radius: 14px;
    padding: 22px;
    box-shadow: 0 8px 28px rgba(0,0,0,0.08);
    transition: transform .2s ease, box-shadow .2s ease;
}

.studok-order-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 36px rgba(0,0,0,0.12);
}

/* ==============================
   TITLE
================================ */
.studok-order-title,
.studok-order-item h3 {
    margin: 0 0 14px;
    font-size: 18px;
    font-weight: 600;
    color: #111827;
}

/* ==============================
   META (BADGES)
================================ */
.studok-order-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 14px;
}

.studok-order-meta span {
    background: #f3f4f6;
    padding: 6px 12px;
    border-radius: 999px;
    font-size: 13px;
    color: #374151;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    line-height: 1;
}

/* Highlighted meta */
.meta-budget {
    background: #ecfdf5;
    color: #065f46;
}

.meta-deadline {
    background: #fff7ed;
    color: #9a3412;
}

/* ==============================
   DESCRIPTION
================================ */
.studok-order-description {
    margin-top: 10px;
    font-size: 14px;
    color: #374151;
}

.studok-order-description strong {
    display: block;
    margin-bottom: 4px;
    color: #111827;
}

.studok-order-description p {
    margin: 0;
    line-height: 1.5;
}

/* ==============================
   FILES
================================ */
.studok-order-files {
    margin-top: 10px;
    font-size: 14px;
}

.studok-order-files a {
    color: #2563eb;
    font-weight: 500;
    text-decoration: underline;
}

/* ==============================
   ACTIONS
================================ */
.studok-order-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 18px;
    padding-top: 14px;
    border-top: 1px solid #e5e7eb;
}

.studok-order-actions .button {
    appearance: none;
    border: none;
    cursor: pointer;
    padding: 8px 16px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: all .15s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Default */
.studok-order-actions .button {
    background: #16a34a;
    color: #ffffff;
}

.studok-order-actions .button:hover {
    transform: translateY(-1px);
    filter: brightness(1.05);
}

/* Secondary */
.button.secondary {
    background: #e5e7eb;
    color: #111827;
}

/* Publish */
.button.publish {
    background: #2563eb;
    color: #ffffff;
}

/* Danger */
.button.danger {
    background: #dc2626;
    color: #ffffff;
}

/* ==============================
   RESPONSIVE (MOBILE)
================================ */
@media (max-width: 768px) {

    .studok-order-item {
        padding: 18px;
    }

    .studok-order-meta {
        gap: 8px;
    }

    .studok-order-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .studok-order-actions .button {
        width: 100%;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-6c7ae26 *//* =========================================
   STUDENT CABINET - "МОЇ ЗАМОВЛЕННЯ" STYLE
   (WP Job Manager Dashboard)
   ========================================= */

/* Загальний контейнер dashboard */
#job-manager-job-dashboard{
  margin: 0 auto;
  padding: 22px;
  border-radius: 8px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
}

/* Верхня панель: пошук + кнопка */
#job-manager-job-dashboard .jm-dashboard__intro{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-bottom: 1px solid #e2e8f0;
}

/* Поле пошуку */
#job-manager-job-dashboard input[type="search"]{
  width: 320px;
  max-width: 100%;
  border: 1px solid #000000;
  background: #fff;
  border-radius: 12px;
  padding: 10px 12px;
  outline: none;
  transition: 0.2s ease;
  color: #000000;
}

#job-manager-job-dashboard input[type="search"]:focus{
  border-color: #22c55e;
  box-shadow: 0 0 0 4px rgba(34,197,94,0.15);
}

/* Кнопка "Створити замовлення" */
#job-manager-job-dashboard .jm-dashboard__actions a.jm-ui-button{
  background: #22c55e !important;
  color: #ffffff !important;
  border: 0 !important;
  border-radius: 12px !important;
  padding: 10px 16px !important;
  font-weight: 700;
  transition: 0.2s ease;
}

#job-manager-job-dashboard .jm-dashboard__actions a.jm-ui-button:hover{
  transform: translateY(-1px);
  opacity: 0.95;
}

/* Шапка таблиці */
#job-manager-job-dashboard .jm-dashboard-header{
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  padding: 12px 14px;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 10px;
}

/* Рядок замовлення */
#job-manager-job-dashboard .jm-dashboard-job{
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  padding: 14px;
  margin-bottom: 12px;
  transition: 0.2s ease;
}

#job-manager-job-dashboard .jm-dashboard-job:hover{
  box-shadow: 0 10px 22px rgba(0,0,0,0.06);
  transform: translateY(-1px);
}

/* Назва замовлення */
#job-manager-job-dashboard a.job-title{
  font-weight: 700;
  color: #0f172a;
  text-decoration: none;
}

#job-manager-job-dashboard a.job-title:hover{
  color: #16a34a;
  text-decoration: underline;
}

/* Статус "Активна" */
#job-manager-job-dashboard .job-status .job-status-publish{
  display: inline-block;
  margin-top: 6px;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 700;
  background: rgba(34,197,94,0.12);
  color: #16a34a;
}

/* Малі тексти (expires, views) */
#job-manager-job-dashboard small,
#job-manager-job-dashboard .job-expires{
  color: #64748b;
  font-size: 12px;
}

/* Кнопка "Відмітити закритою" */
#job-manager-job-dashboard .jm-ui-button--outline{
  border-radius: 12px !important;
  border: 1px solid #e2e8f0 !important;
  background: #ffffff !important;
  color: #0f172a !important;
  font-weight: 600;
  padding: 8px 12px !important;
  transition: 0.2s ease;
}

#job-manager-job-dashboard .jm-ui-button--outline:hover{
  border-color: #22c55e !important;
  color: #16a34a !important;
}

/* Меню "..." */
#job-manager-job-dashboard summary.jm-ui-action-menu__open-button{
  border-radius: 12px !important;
  border: 1px solid #e2e8f0 !important;
  background: #f8fafc !important;
  transition: 0.2s ease;
}

#job-manager-job-dashboard summary.jm-ui-action-menu__open-button:hover{
  border-color: #22c55e !important;
}

/* Випадаюче меню */
#job-manager-job-dashboard .jm-ui-action-menu__content{
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  background: #ffffff;
  box-shadow: 0 14px 30px rgba(0,0,0,0.08);
  padding: 10px;
}

/* Посилання в меню */
#job-manager-job-dashboard .jm-ui-action-menu__content a{
  display: block;
  padding: 8px 10px;
  border-radius: 10px;
  color: #0f172a;
  text-decoration: none;
  font-weight: 600;
}

#job-manager-job-dashboard .jm-ui-action-menu__content a:hover{
  background: #f1f5f9;
}

/* Адаптація під телефон */
@media (max-width: 768px){
  #job-manager-job-dashboard{
    padding: 14px;
  }

  #job-manager-job-dashboard .jm-dashboard__intro{
    flex-direction: column;
    align-items: stretch;
  }

  #job-manager-job-dashboard input[type="search"]{
    width: 100%;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4e98d1d *//* ==============================
   DASHBOARD LAYOUT
================================ */
.studok-dashboard {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* ==============================
   ORDER CARD
================================ */
.studok-order-item {
    background: #ffffff;
    border-radius: 14px;
    padding: 22px;
    box-shadow: 0 8px 28px rgba(0,0,0,0.08);
    transition: transform .2s ease, box-shadow .2s ease;
}

.studok-order-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 36px rgba(0,0,0,0.12);
}

/* ==============================
   TITLE
================================ */
.studok-order-title,
.studok-order-item h3 {
    margin: 0 0 14px;
    font-size: 18px;
    font-weight: 600;
    color: #111827;
}

/* ==============================
   META (BADGES)
================================ */
.studok-order-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 14px;
}

.studok-order-meta span {
    background: #f3f4f6;
    padding: 6px 12px;
    border-radius: 999px;
    font-size: 13px;
    color: #374151;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    line-height: 1;
}

/* Highlighted meta */
.meta-budget {
    background: #ecfdf5;
    color: #065f46;
}

.meta-deadline {
    background: #fff7ed;
    color: #9a3412;
}

/* ==============================
   DESCRIPTION
================================ */
.studok-order-description {
    margin-top: 10px;
    font-size: 14px;
    color: #374151;
}

.studok-order-description strong {
    display: block;
    margin-bottom: 4px;
    color: #111827;
}

.studok-order-description p {
    margin: 0;
    line-height: 1.5;
}

/* ==============================
   FILES
================================ */
.studok-order-files {
    margin-top: 10px;
    font-size: 14px;
}

.studok-order-files a {
    color: #2563eb;
    font-weight: 500;
    text-decoration: underline;
}

/* ==============================
   ACTIONS
================================ */
.studok-order-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 18px;
    padding-top: 14px;
    border-top: 1px solid #e5e7eb;
}

.studok-order-actions .button {
    appearance: none;
    border: none;
    cursor: pointer;
    padding: 8px 16px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: all .15s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Default */
.studok-order-actions .button {
    background: #16a34a;
    color: #ffffff;
}

.studok-order-actions .button:hover {
    transform: translateY(-1px);
    filter: brightness(1.05);
}

/* Secondary */
.button.secondary {
    background: #e5e7eb;
    color: #111827;
}

/* Publish */
.button.publish {
    background: #2563eb;
    color: #ffffff;
}

/* Danger */
.button.danger {
    background: #dc2626;
    color: #ffffff;
}

/* ==============================
   RESPONSIVE (MOBILE)
================================ */
@media (max-width: 768px) {

    .studok-order-item {
        padding: 18px;
    }

    .studok-order-meta {
        gap: 8px;
    }

    .studok-order-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .studok-order-actions .button {
        width: 100%;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7f4dd84 */.studok-executors-list{
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(320px,1fr));
    gap:24px;
    margin-top:30px;
}

.studok-executor-card{
    background:#ffffff;
    border-radius:20px;
    padding:25px;
    box-shadow:0 10px 30px rgba(0,0,0,0.05);
    transition:all 0.3s ease;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
}

.studok-executor-card:hover{
    transform:translateY(-6px);
    box-shadow:0 15px 40px rgba(0,0,0,0.08);
}

.studok-executor-header{
    display:flex;
    align-items:center;
    gap:15px;
    margin-bottom:15px;
}

.studok-executor-header img{
    border-radius:50%;
    border:3px solid #2ecc71;
}

.studok-executor-info h3{
    margin:0;
    font-size:18px;
    font-weight:600;
    color:#222;
}

.studok-executor-meta{
    font-size:14px;
    color:#555;
    line-height:1.6;
    margin-bottom:20px;
}

.studok-executor-meta span{
    font-weight:600;
    color:#000;
}

.studok-executor-actions{
    display:flex;
    gap:12px;
    flex-wrap:wrap;
}

.studok-btn33{
    padding:10px 18px;
    border-radius:30px;
    text-decoration:none;
    font-size:14px;
    font-weight:500;
    transition:0.3s;
    display:inline-block;
}

.studok-btn-outline{
    border:2px solid #2ecc71;
    color:#2ecc71;
}

.studok-btn-outline:hover{
    background:#2ecc71;
    color:#fff;
}

.studok-btn-primary{
    background:#ff1a1a;
    color:#fff;
}

.studok-btn-primary:hover{
    background:#d41414;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7d23955 *//* ==============================
   DASHBOARD LAYOUT
================================ */
.studok-dashboard {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* ==============================
   ORDER CARD
================================ */
.studok-order-item {
    background: #ffffff;
    border-radius: 14px;
    padding: 22px;
    box-shadow: 0 8px 28px rgba(0,0,0,0.08);
    transition: transform .2s ease, box-shadow .2s ease;
}

.studok-order-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 36px rgba(0,0,0,0.12);
}

/* ==============================
   TITLE
================================ */
.studok-order-title,
.studok-order-item h3 {
    margin: 0 0 14px;
    font-size: 18px;
    font-weight: 600;
    color: #111827;
}

/* ==============================
   META (BADGES)
================================ */
.studok-order-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 14px;
}

.studok-order-meta span {
    background: #f3f4f6;
    padding: 6px 12px;
    border-radius: 999px;
    font-size: 13px;
    color: #374151;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    line-height: 1;
}

/* Highlighted meta */
.meta-budget {
    background: #ecfdf5;
    color: #065f46;
}

.meta-deadline {
    background: #fff7ed;
    color: #9a3412;
}

/* ==============================
   DESCRIPTION
================================ */
.studok-order-description {
    margin-top: 10px;
    font-size: 14px;
    color: #374151;
}

.studok-order-description strong {
    display: block;
    margin-bottom: 4px;
    color: #111827;
}

.studok-order-description p {
    margin: 0;
    line-height: 1.5;
}

/* ==============================
   FILES
================================ */
.studok-order-files {
    margin-top: 10px;
    font-size: 14px;
}

.studok-order-files a {
    color: #2563eb;
    font-weight: 500;
    text-decoration: underline;
}

/* ==============================
   ACTIONS
================================ */
.studok-order-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 18px;
    padding-top: 14px;
    border-top: 1px solid #e5e7eb;
}

.studok-order-actions .button {
    appearance: none;
    border: none;
    cursor: pointer;
    padding: 8px 16px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: all .15s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Default */
.studok-order-actions .button {
    background: #16a34a;
    color: #ffffff;
}

.studok-order-actions .button:hover {
    transform: translateY(-1px);
    filter: brightness(1.05);
}

/* Secondary */
.button.secondary {
    background: #e5e7eb;
    color: #111827;
}

/* Publish */
.button.publish {
    background: #2563eb;
    color: #ffffff;
}

/* Danger */
.button.danger {
    background: #dc2626;
    color: #ffffff;
}

/* ==============================
   RESPONSIVE (MOBILE)
================================ */
@media (max-width: 768px) {

    .studok-order-item {
        padding: 18px;
    }

    .studok-order-meta {
        gap: 8px;
    }

    .studok-order-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .studok-order-actions .button {
        width: 100%;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-177b598 *//* =========================================
   STUDENT CABINET - "МОЇ ЗАМОВЛЕННЯ" STYLE
   (WP Job Manager Dashboard)
   ========================================= */

/* Загальний контейнер dashboard */
#job-manager-job-dashboard{
  margin: 0 auto;
  padding: 22px;
  border-radius: 8px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
}

/* Верхня панель: пошук + кнопка */
#job-manager-job-dashboard .jm-dashboard__intro{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-bottom: 1px solid #e2e8f0;
}

/* Поле пошуку */
#job-manager-job-dashboard input[type="search"]{
  width: 320px;
  max-width: 100%;
  border: 1px solid #000000;
  background: #fff;
  border-radius: 12px;
  padding: 10px 12px;
  outline: none;
  transition: 0.2s ease;
  color: #000000;
}

#job-manager-job-dashboard input[type="search"]:focus{
  border-color: #22c55e;
  box-shadow: 0 0 0 4px rgba(34,197,94,0.15);
}

/* Кнопка "Створити замовлення" */
#job-manager-job-dashboard .jm-dashboard__actions a.jm-ui-button{
  background: #22c55e !important;
  color: #ffffff !important;
  border: 0 !important;
  border-radius: 12px !important;
  padding: 10px 16px !important;
  font-weight: 700;
  transition: 0.2s ease;
}

#job-manager-job-dashboard .jm-dashboard__actions a.jm-ui-button:hover{
  transform: translateY(-1px);
  opacity: 0.95;
}

/* Шапка таблиці */
#job-manager-job-dashboard .jm-dashboard-header{
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  padding: 12px 14px;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 10px;
}

/* Рядок замовлення */
#job-manager-job-dashboard .jm-dashboard-job{
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  padding: 14px;
  margin-bottom: 12px;
  transition: 0.2s ease;
}

#job-manager-job-dashboard .jm-dashboard-job:hover{
  box-shadow: 0 10px 22px rgba(0,0,0,0.06);
  transform: translateY(-1px);
}

/* Назва замовлення */
#job-manager-job-dashboard a.job-title{
  font-weight: 700;
  color: #0f172a;
  text-decoration: none;
}

#job-manager-job-dashboard a.job-title:hover{
  color: #16a34a;
  text-decoration: underline;
}

/* Статус "Активна" */
#job-manager-job-dashboard .job-status .job-status-publish{
  display: inline-block;
  margin-top: 6px;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 700;
  background: rgba(34,197,94,0.12);
  color: #16a34a;
}

/* Малі тексти (expires, views) */
#job-manager-job-dashboard small,
#job-manager-job-dashboard .job-expires{
  color: #64748b;
  font-size: 12px;
}

/* Кнопка "Відмітити закритою" */
#job-manager-job-dashboard .jm-ui-button--outline{
  border-radius: 12px !important;
  border: 1px solid #e2e8f0 !important;
  background: #ffffff !important;
  color: #0f172a !important;
  font-weight: 600;
  padding: 8px 12px !important;
  transition: 0.2s ease;
}

#job-manager-job-dashboard .jm-ui-button--outline:hover{
  border-color: #22c55e !important;
  color: #16a34a !important;
}

/* Меню "..." */
#job-manager-job-dashboard summary.jm-ui-action-menu__open-button{
  border-radius: 12px !important;
  border: 1px solid #e2e8f0 !important;
  background: #f8fafc !important;
  transition: 0.2s ease;
}

#job-manager-job-dashboard summary.jm-ui-action-menu__open-button:hover{
  border-color: #22c55e !important;
}

/* Випадаюче меню */
#job-manager-job-dashboard .jm-ui-action-menu__content{
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  background: #ffffff;
  box-shadow: 0 14px 30px rgba(0,0,0,0.08);
  padding: 10px;
}

/* Посилання в меню */
#job-manager-job-dashboard .jm-ui-action-menu__content a{
  display: block;
  padding: 8px 10px;
  border-radius: 10px;
  color: #0f172a;
  text-decoration: none;
  font-weight: 600;
}

#job-manager-job-dashboard .jm-ui-action-menu__content a:hover{
  background: #f1f5f9;
}

/* Адаптація під телефон */
@media (max-width: 768px){
  #job-manager-job-dashboard{
    padding: 14px;
  }

  #job-manager-job-dashboard .jm-dashboard__intro{
    flex-direction: column;
    align-items: stretch;
  }

  #job-manager-job-dashboard input[type="search"]{
    width: 100%;
  }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-fba4a0b *//* =========================================
   STUDENT CABINET - "МОЇ ЗАМОВЛЕННЯ" STYLE
   (WP Job Manager Dashboard)
   ========================================= */

/* Загальний контейнер dashboard */
#job-manager-job-dashboard{
  margin: 0 auto;
  padding: 22px;
  border-radius: 8px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
}

/* Верхня панель: пошук + кнопка */
#job-manager-job-dashboard .jm-dashboard__intro{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-bottom: 1px solid #e2e8f0;
}

/* Поле пошуку */
#job-manager-job-dashboard input[type="search"]{
  width: 320px;
  max-width: 100%;
  border: 1px solid #000000;
  background: #fff;
  border-radius: 12px;
  padding: 10px 12px;
  outline: none;
  transition: 0.2s ease;
  color: #000000;
}

#job-manager-job-dashboard input[type="search"]:focus{
  border-color: #22c55e;
  box-shadow: 0 0 0 4px rgba(34,197,94,0.15);
}

/* Кнопка "Створити замовлення" */
#job-manager-job-dashboard .jm-dashboard__actions a.jm-ui-button{
  background: #22c55e !important;
  color: #ffffff !important;
  border: 0 !important;
  border-radius: 12px !important;
  padding: 10px 16px !important;
  font-weight: 700;
  transition: 0.2s ease;
}

#job-manager-job-dashboard .jm-dashboard__actions a.jm-ui-button:hover{
  transform: translateY(-1px);
  opacity: 0.95;
}

/* Шапка таблиці */
#job-manager-job-dashboard .jm-dashboard-header{
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  padding: 12px 14px;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 10px;
}

/* Рядок замовлення */
#job-manager-job-dashboard .jm-dashboard-job{
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  padding: 14px;
  margin-bottom: 12px;
  transition: 0.2s ease;
}

#job-manager-job-dashboard .jm-dashboard-job:hover{
  box-shadow: 0 10px 22px rgba(0,0,0,0.06);
  transform: translateY(-1px);
}

/* Назва замовлення */
#job-manager-job-dashboard a.job-title{
  font-weight: 700;
  color: #0f172a;
  text-decoration: none;
}

#job-manager-job-dashboard a.job-title:hover{
  color: #16a34a;
  text-decoration: underline;
}

/* Статус "Активна" */
#job-manager-job-dashboard .job-status .job-status-publish{
  display: inline-block;
  margin-top: 6px;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 700;
  background: rgba(34,197,94,0.12);
  color: #16a34a;
}

/* Малі тексти (expires, views) */
#job-manager-job-dashboard small,
#job-manager-job-dashboard .job-expires{
  color: #64748b;
  font-size: 12px;
}

/* Кнопка "Відмітити закритою" */
#job-manager-job-dashboard .jm-ui-button--outline{
  border-radius: 12px !important;
  border: 1px solid #e2e8f0 !important;
  background: #ffffff !important;
  color: #0f172a !important;
  font-weight: 600;
  padding: 8px 12px !important;
  transition: 0.2s ease;
}

#job-manager-job-dashboard .jm-ui-button--outline:hover{
  border-color: #22c55e !important;
  color: #16a34a !important;
}

/* Меню "..." */
#job-manager-job-dashboard summary.jm-ui-action-menu__open-button{
  border-radius: 12px !important;
  border: 1px solid #e2e8f0 !important;
  background: #f8fafc !important;
  transition: 0.2s ease;
}

#job-manager-job-dashboard summary.jm-ui-action-menu__open-button:hover{
  border-color: #22c55e !important;
}

/* Випадаюче меню */
#job-manager-job-dashboard .jm-ui-action-menu__content{
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  background: #ffffff;
  box-shadow: 0 14px 30px rgba(0,0,0,0.08);
  padding: 10px;
}

/* Посилання в меню */
#job-manager-job-dashboard .jm-ui-action-menu__content a{
  display: block;
  padding: 8px 10px;
  border-radius: 10px;
  color: #0f172a;
  text-decoration: none;
  font-weight: 600;
}

#job-manager-job-dashboard .jm-ui-action-menu__content a:hover{
  background: #f1f5f9;
}

/* Адаптація під телефон */
@media (max-width: 768px){
  #job-manager-job-dashboard{
    padding: 14px;
  }

  #job-manager-job-dashboard .jm-dashboard__intro{
    flex-direction: column;
    align-items: stretch;
  }

  #job-manager-job-dashboard input[type="search"]{
    width: 100%;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-331c55f *//* ==============================
   DASHBOARD LAYOUT
================================ */
.studok-dashboard {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* ==============================
   ORDER CARD
================================ */
.studok-order-item {
    background: #ffffff;
    border-radius: 14px;
    padding: 22px;
    box-shadow: 0 8px 28px rgba(0,0,0,0.08);
    transition: transform .2s ease, box-shadow .2s ease;
}

.studok-order-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 36px rgba(0,0,0,0.12);
}

/* ==============================
   TITLE
================================ */
.studok-order-title,
.studok-order-item h3 {
    margin: 0 0 14px;
    font-size: 18px;
    font-weight: 600;
    color: #111827;
}

/* ==============================
   META (BADGES)
================================ */
.studok-order-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 14px;
}

.studok-order-meta span {
    background: #f3f4f6;
    padding: 6px 12px;
    border-radius: 999px;
    font-size: 13px;
    color: #374151;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    line-height: 1;
}

/* Highlighted meta */
.meta-budget {
    background: #ecfdf5;
    color: #065f46;
}

.meta-deadline {
    background: #fff7ed;
    color: #9a3412;
}

/* ==============================
   DESCRIPTION
================================ */
.studok-order-description {
    margin-top: 10px;
    font-size: 14px;
    color: #374151;
}

.studok-order-description strong {
    display: block;
    margin-bottom: 4px;
    color: #111827;
}

.studok-order-description p {
    margin: 0;
    line-height: 1.5;
}

/* ==============================
   FILES
================================ */
.studok-order-files {
    margin-top: 10px;
    font-size: 14px;
}

.studok-order-files a {
    color: #2563eb;
    font-weight: 500;
    text-decoration: underline;
}

/* ==============================
   ACTIONS
================================ */
.studok-order-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 18px;
    padding-top: 14px;
    border-top: 1px solid #e5e7eb;
}

.studok-order-actions .button {
    appearance: none;
    border: none;
    cursor: pointer;
    padding: 8px 16px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: all .15s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Default */
.studok-order-actions .button {
    background: #16a34a;
    color: #ffffff;
}

.studok-order-actions .button:hover {
    transform: translateY(-1px);
    filter: brightness(1.05);
}

/* Secondary */
.button.secondary {
    background: #e5e7eb;
    color: #111827;
}

/* Publish */
.button.publish {
    background: #2563eb;
    color: #ffffff;
}

/* Danger */
.button.danger {
    background: #dc2626;
    color: #ffffff;
}

/* ==============================
   RESPONSIVE (MOBILE)
================================ */
@media (max-width: 768px) {

    .studok-order-item {
        padding: 18px;
    }

    .studok-order-meta {
        gap: 8px;
    }

    .studok-order-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .studok-order-actions .button {
        width: 100%;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3d7ee6e *//* ==============================
   DASHBOARD LAYOUT
================================ */
.studok-dashboard {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* ==============================
   ORDER CARD
================================ */
.studok-order-item {
    background: #ffffff;
    border-radius: 14px;
    padding: 22px;
    box-shadow: 0 8px 28px rgba(0,0,0,0.08);
    transition: transform .2s ease, box-shadow .2s ease;
}

.studok-order-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 36px rgba(0,0,0,0.12);
}

/* ==============================
   TITLE
================================ */
.studok-order-title,
.studok-order-item h3 {
    margin: 0 0 14px;
    font-size: 18px;
    font-weight: 600;
    color: #111827;
}

/* ==============================
   META (BADGES)
================================ */
.studok-order-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 14px;
}

.studok-order-meta span {
    background: #f3f4f6;
    padding: 6px 12px;
    border-radius: 999px;
    font-size: 13px;
    color: #374151;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    line-height: 1;
}

/* Highlighted meta */
.meta-budget {
    background: #ecfdf5;
    color: #065f46;
}

.meta-deadline {
    background: #fff7ed;
    color: #9a3412;
}

/* ==============================
   DESCRIPTION
================================ */
.studok-order-description {
    margin-top: 10px;
    font-size: 14px;
    color: #374151;
}

.studok-order-description strong {
    display: block;
    margin-bottom: 4px;
    color: #111827;
}

.studok-order-description p {
    margin: 0;
    line-height: 1.5;
}

/* ==============================
   FILES
================================ */
.studok-order-files {
    margin-top: 10px;
    font-size: 14px;
}

.studok-order-files a {
    color: #2563eb;
    font-weight: 500;
    text-decoration: underline;
}

/* ==============================
   ACTIONS
================================ */
.studok-order-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 18px;
    padding-top: 14px;
    border-top: 1px solid #e5e7eb;
}

.studok-order-actions .button {
    appearance: none;
    border: none;
    cursor: pointer;
    padding: 8px 16px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: all .15s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Default */
.studok-order-actions .button {
    background: #16a34a;
    color: #ffffff;
}

.studok-order-actions .button:hover {
    transform: translateY(-1px);
    filter: brightness(1.05);
}

/* Secondary */
.button.secondary {
    background: #e5e7eb;
    color: #111827;
}

/* Publish */
.button.publish {
    background: #2563eb;
    color: #ffffff;
}

/* Danger */
.button.danger {
    background: #dc2626;
    color: #ffffff;
}

/* ==============================
   RESPONSIVE (MOBILE)
================================ */
@media (max-width: 768px) {

    .studok-order-item {
        padding: 18px;
    }

    .studok-order-meta {
        gap: 8px;
    }

    .studok-order-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .studok-order-actions .button {
        width: 100%;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-26dd4ac *//* ==============================
   DASHBOARD LAYOUT
================================ */
.studok-dashboard {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* ==============================
   ORDER CARD
================================ */
.studok-order-item {
    background: #ffffff;
    border-radius: 14px;
    padding: 22px;
    box-shadow: 0 8px 28px rgba(0,0,0,0.08);
    transition: transform .2s ease, box-shadow .2s ease;
}

.studok-order-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 36px rgba(0,0,0,0.12);
}

/* ==============================
   TITLE
================================ */
.studok-order-title,
.studok-order-item h3 {
    margin: 0 0 14px;
    font-size: 18px;
    font-weight: 600;
    color: #111827;
}

/* ==============================
   META (BADGES)
================================ */
.studok-order-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 14px;
}

.studok-order-meta span {
    background: #f3f4f6;
    padding: 6px 12px;
    border-radius: 999px;
    font-size: 13px;
    color: #374151;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    line-height: 1;
}

/* Highlighted meta */
.meta-budget {
    background: #ecfdf5;
    color: #065f46;
}

.meta-deadline {
    background: #fff7ed;
    color: #9a3412;
}

/* ==============================
   DESCRIPTION
================================ */
.studok-order-description {
    margin-top: 10px;
    font-size: 14px;
    color: #374151;
}

.studok-order-description strong {
    display: block;
    margin-bottom: 4px;
    color: #111827;
}

.studok-order-description p {
    margin: 0;
    line-height: 1.5;
}

/* ==============================
   FILES
================================ */
.studok-order-files {
    margin-top: 10px;
    font-size: 14px;
}

.studok-order-files a {
    color: #2563eb;
    font-weight: 500;
    text-decoration: underline;
}

/* ==============================
   ACTIONS
================================ */
.studok-order-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 18px;
    padding-top: 14px;
    border-top: 1px solid #e5e7eb;
}

.studok-order-actions .button {
    appearance: none;
    border: none;
    cursor: pointer;
    padding: 8px 16px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: all .15s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Default */
.studok-order-actions .button {
    background: #16a34a;
    color: #ffffff;
}

.studok-order-actions .button:hover {
    transform: translateY(-1px);
    filter: brightness(1.05);
}

/* Secondary */
.button.secondary {
    background: #e5e7eb;
    color: #111827;
}

/* Publish */
.button.publish {
    background: #2563eb;
    color: #ffffff;
}

/* Danger */
.button.danger {
    background: #dc2626;
    color: #ffffff;
}

/* ==============================
   RESPONSIVE (MOBILE)
================================ */
@media (max-width: 768px) {

    .studok-order-item {
        padding: 18px;
    }

    .studok-order-meta {
        gap: 8px;
    }

    .studok-order-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .studok-order-actions .button {
        width: 100%;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-6153366 *//* =========================================
   STUDENT CABINET - "МОЇ ЗАМОВЛЕННЯ" STYLE
   (WP Job Manager Dashboard)
   ========================================= */

/* Загальний контейнер dashboard */
#job-manager-job-dashboard{
  margin: 0 auto;
  padding: 22px;
  border-radius: 8px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
}

/* Верхня панель: пошук + кнопка */
#job-manager-job-dashboard .jm-dashboard__intro{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-bottom: 1px solid #e2e8f0;
}

/* Поле пошуку */
#job-manager-job-dashboard input[type="search"]{
  width: 320px;
  max-width: 100%;
  border: 1px solid #000000;
  background: #fff;
  border-radius: 12px;
  padding: 10px 12px;
  outline: none;
  transition: 0.2s ease;
  color: #000000;
}

#job-manager-job-dashboard input[type="search"]:focus{
  border-color: #22c55e;
  box-shadow: 0 0 0 4px rgba(34,197,94,0.15);
}

/* Кнопка "Створити замовлення" */
#job-manager-job-dashboard .jm-dashboard__actions a.jm-ui-button{
  background: #22c55e !important;
  color: #ffffff !important;
  border: 0 !important;
  border-radius: 12px !important;
  padding: 10px 16px !important;
  font-weight: 700;
  transition: 0.2s ease;
}

#job-manager-job-dashboard .jm-dashboard__actions a.jm-ui-button:hover{
  transform: translateY(-1px);
  opacity: 0.95;
}

/* Шапка таблиці */
#job-manager-job-dashboard .jm-dashboard-header{
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  padding: 12px 14px;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 10px;
}

/* Рядок замовлення */
#job-manager-job-dashboard .jm-dashboard-job{
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  padding: 14px;
  margin-bottom: 12px;
  transition: 0.2s ease;
}

#job-manager-job-dashboard .jm-dashboard-job:hover{
  box-shadow: 0 10px 22px rgba(0,0,0,0.06);
  transform: translateY(-1px);
}

/* Назва замовлення */
#job-manager-job-dashboard a.job-title{
  font-weight: 700;
  color: #0f172a;
  text-decoration: none;
}

#job-manager-job-dashboard a.job-title:hover{
  color: #16a34a;
  text-decoration: underline;
}

/* Статус "Активна" */
#job-manager-job-dashboard .job-status .job-status-publish{
  display: inline-block;
  margin-top: 6px;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 700;
  background: rgba(34,197,94,0.12);
  color: #16a34a;
}

/* Малі тексти (expires, views) */
#job-manager-job-dashboard small,
#job-manager-job-dashboard .job-expires{
  color: #64748b;
  font-size: 12px;
}

/* Кнопка "Відмітити закритою" */
#job-manager-job-dashboard .jm-ui-button--outline{
  border-radius: 12px !important;
  border: 1px solid #e2e8f0 !important;
  background: #ffffff !important;
  color: #0f172a !important;
  font-weight: 600;
  padding: 8px 12px !important;
  transition: 0.2s ease;
}

#job-manager-job-dashboard .jm-ui-button--outline:hover{
  border-color: #22c55e !important;
  color: #16a34a !important;
}

/* Меню "..." */
#job-manager-job-dashboard summary.jm-ui-action-menu__open-button{
  border-radius: 12px !important;
  border: 1px solid #e2e8f0 !important;
  background: #f8fafc !important;
  transition: 0.2s ease;
}

#job-manager-job-dashboard summary.jm-ui-action-menu__open-button:hover{
  border-color: #22c55e !important;
}

/* Випадаюче меню */
#job-manager-job-dashboard .jm-ui-action-menu__content{
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  background: #ffffff;
  box-shadow: 0 14px 30px rgba(0,0,0,0.08);
  padding: 10px;
}

/* Посилання в меню */
#job-manager-job-dashboard .jm-ui-action-menu__content a{
  display: block;
  padding: 8px 10px;
  border-radius: 10px;
  color: #0f172a;
  text-decoration: none;
  font-weight: 600;
}

#job-manager-job-dashboard .jm-ui-action-menu__content a:hover{
  background: #f1f5f9;
}

/* Адаптація під телефон */
@media (max-width: 768px){
  #job-manager-job-dashboard{
    padding: 14px;
  }

  #job-manager-job-dashboard .jm-dashboard__intro{
    flex-direction: column;
    align-items: stretch;
  }

  #job-manager-job-dashboard input[type="search"]{
    width: 100%;
  }
}


/* =====================================
   STUDOK — ACCOUNT CENTER PREMIUM STYLE
===================================== */


/* MAIN CONTAINER */

.um.um-account {

    background: #ffffff;
    padding: 32px !important;

    border-radius: 16px !important;

    box-shadow: 
        0 10px 30px rgba(0,0,0,0.05),
        0 2px 6px rgba(0,0,0,0.04);


}


/* AVATAR */

.um-account-meta-img img {

    width: 90px !important;
    height: 90px !important;

    border-radius: 50% !important;

    border: 4px solid #ecfdf5;

    box-shadow: 0 5px 15px rgba(0,0,0,0.08);

}


/* USERNAME */

.um-account-name a {

    font-size: 14px !important;
    font-weight: 600 !important;

    color: #111827 !important;

}


/* PROFILE LINK */

.um-account-profile-link a {

    color: #22c55e !important;

    font-weight: 500 !important;

}


/* FIELD CONTAINER */

.um-field {

    margin-bottom: 20px !important;

}


/* LABEL */

.um-field-label label {

    font-size: 14px !important;

    font-weight: 600 !important;

    color: #374151 !important;

    margin-bottom: 6px !important;

}


/* INPUT */

.um-form-field {

    height: 44px !important;

    border-radius: 10px !important;

    border: 1px solid #e5e7eb !important;

    padding: 0 14px !important;

    font-size: 15px !important;

    transition: all 0.2s ease;

}


/* INPUT HOVER */

.um-form-field:hover {

    border-color: #22c55e !important;

}


/* INPUT FOCUS */

.um-form-field:focus {

    border-color: #22c55e !important;

    box-shadow: 0 0 0 3px rgba(34,197,94,0.15);

    outline: none !important;

}


/* BUTTON */

.um-button {

    background: linear-gradient(135deg,#22c55e,#16a34a) !important;

    border: none !important;

    color: white !important;

    height: 44px;

    padding: 0 24px !important;

    border-radius: 10px !important;

    font-weight: 600 !important;

    box-shadow: 0 6px 18px rgba(34,197,94,0.25);

    transition: all 0.25s ease;

}


/* BUTTON HOVER */

.um-button:hover {

    transform: translateY(-2px);

    box-shadow: 0 10px 22px rgba(34,197,94,0.35);

}


/* HEADING */

.um-account-heading {

    font-size: 20px !important;

    font-weight: 600 !important;

    margin-bottom: 24px !important;

    color: #111827;

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ab2dc26 *//* ==============================
   DASHBOARD LAYOUT
================================ */
.studok-dashboard {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* ==============================
   ORDER CARD
================================ */
.studok-order-item {
    background: #ffffff;
    border-radius: 14px;
    padding: 22px;
    box-shadow: 0 8px 28px rgba(0,0,0,0.08);
    transition: transform .2s ease, box-shadow .2s ease;
}

.studok-order-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 36px rgba(0,0,0,0.12);
}

/* ==============================
   TITLE
================================ */
.studok-order-title,
.studok-order-item h3 {
    margin: 0 0 14px;
    font-size: 18px;
    font-weight: 600;
    color: #111827;
}

/* ==============================
   META (BADGES)
================================ */
.studok-order-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 14px;
}

.studok-order-meta span {
    background: #f3f4f6;
    padding: 6px 12px;
    border-radius: 999px;
    font-size: 13px;
    color: #374151;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    line-height: 1;
}

/* Highlighted meta */
.meta-budget {
    background: #ecfdf5;
    color: #065f46;
}

.meta-deadline {
    background: #fff7ed;
    color: #9a3412;
}

/* ==============================
   DESCRIPTION
================================ */
.studok-order-description {
    margin-top: 10px;
    font-size: 14px;
    color: #374151;
}

.studok-order-description strong {
    display: block;
    margin-bottom: 4px;
    color: #111827;
}

.studok-order-description p {
    margin: 0;
    line-height: 1.5;
}

/* ==============================
   FILES
================================ */
.studok-order-files {
    margin-top: 10px;
    font-size: 14px;
}

.studok-order-files a {
    color: #2563eb;
    font-weight: 500;
    text-decoration: underline;
}

/* ==============================
   ACTIONS
================================ */
.studok-order-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 18px;
    padding-top: 14px;
    border-top: 1px solid #e5e7eb;
}

.studok-order-actions .button {
    appearance: none;
    border: none;
    cursor: pointer;
    padding: 8px 16px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: all .15s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Default */
.studok-order-actions .button {
    background: #16a34a;
    color: #ffffff;
}

.studok-order-actions .button:hover {
    transform: translateY(-1px);
    filter: brightness(1.05);
}

/* Secondary */
.button.secondary {
    background: #e5e7eb;
    color: #111827;
}

/* Publish */
.button.publish {
    background: #2563eb;
    color: #ffffff;
}

/* Danger */
.button.danger {
    background: #dc2626;
    color: #ffffff;
}

/* ==============================
   RESPONSIVE (MOBILE)
================================ */
@media (max-width: 768px) {

    .studok-order-item {
        padding: 18px;
    }

    .studok-order-meta {
        gap: 8px;
    }

    .studok-order-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .studok-order-actions .button {
        width: 100%;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-4f27b96 *//* =========================================
   STUDENT CABINET - "МОЇ ЗАМОВЛЕННЯ" STYLE
   (WP Job Manager Dashboard)
   ========================================= */

/* Загальний контейнер dashboard */
#job-manager-job-dashboard{
  margin: 0 auto;
  padding: 22px;
  border-radius: 8px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
}

/* Верхня панель: пошук + кнопка */
#job-manager-job-dashboard .jm-dashboard__intro{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-bottom: 1px solid #e2e8f0;
}

/* Поле пошуку */
#job-manager-job-dashboard input[type="search"]{
  width: 320px;
  max-width: 100%;
  border: 1px solid #000000;
  background: #fff;
  border-radius: 12px;
  padding: 10px 12px;
  outline: none;
  transition: 0.2s ease;
  color: #000000;
}

#job-manager-job-dashboard input[type="search"]:focus{
  border-color: #22c55e;
  box-shadow: 0 0 0 4px rgba(34,197,94,0.15);
}

/* Кнопка "Створити замовлення" */
#job-manager-job-dashboard .jm-dashboard__actions a.jm-ui-button{
  background: #22c55e !important;
  color: #ffffff !important;
  border: 0 !important;
  border-radius: 12px !important;
  padding: 10px 16px !important;
  font-weight: 700;
  transition: 0.2s ease;
}

#job-manager-job-dashboard .jm-dashboard__actions a.jm-ui-button:hover{
  transform: translateY(-1px);
  opacity: 0.95;
}

/* Шапка таблиці */
#job-manager-job-dashboard .jm-dashboard-header{
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  padding: 12px 14px;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 10px;
}

/* Рядок замовлення */
#job-manager-job-dashboard .jm-dashboard-job{
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  padding: 14px;
  margin-bottom: 12px;
  transition: 0.2s ease;
}

#job-manager-job-dashboard .jm-dashboard-job:hover{
  box-shadow: 0 10px 22px rgba(0,0,0,0.06);
  transform: translateY(-1px);
}

/* Назва замовлення */
#job-manager-job-dashboard a.job-title{
  font-weight: 700;
  color: #0f172a;
  text-decoration: none;
}

#job-manager-job-dashboard a.job-title:hover{
  color: #16a34a;
  text-decoration: underline;
}

/* Статус "Активна" */
#job-manager-job-dashboard .job-status .job-status-publish{
  display: inline-block;
  margin-top: 6px;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 700;
  background: rgba(34,197,94,0.12);
  color: #16a34a;
}

/* Малі тексти (expires, views) */
#job-manager-job-dashboard small,
#job-manager-job-dashboard .job-expires{
  color: #64748b;
  font-size: 12px;
}

/* Кнопка "Відмітити закритою" */
#job-manager-job-dashboard .jm-ui-button--outline{
  border-radius: 12px !important;
  border: 1px solid #e2e8f0 !important;
  background: #ffffff !important;
  color: #0f172a !important;
  font-weight: 600;
  padding: 8px 12px !important;
  transition: 0.2s ease;
}

#job-manager-job-dashboard .jm-ui-button--outline:hover{
  border-color: #22c55e !important;
  color: #16a34a !important;
}

/* Меню "..." */
#job-manager-job-dashboard summary.jm-ui-action-menu__open-button{
  border-radius: 12px !important;
  border: 1px solid #e2e8f0 !important;
  background: #f8fafc !important;
  transition: 0.2s ease;
}

#job-manager-job-dashboard summary.jm-ui-action-menu__open-button:hover{
  border-color: #22c55e !important;
}

/* Випадаюче меню */
#job-manager-job-dashboard .jm-ui-action-menu__content{
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  background: #ffffff;
  box-shadow: 0 14px 30px rgba(0,0,0,0.08);
  padding: 10px;
}

/* Посилання в меню */
#job-manager-job-dashboard .jm-ui-action-menu__content a{
  display: block;
  padding: 8px 10px;
  border-radius: 10px;
  color: #0f172a;
  text-decoration: none;
  font-weight: 600;
}

#job-manager-job-dashboard .jm-ui-action-menu__content a:hover{
  background: #f1f5f9;
}

/* Адаптація під телефон */
@media (max-width: 768px){
  #job-manager-job-dashboard{
    padding: 14px;
  }

  #job-manager-job-dashboard .jm-dashboard__intro{
    flex-direction: column;
    align-items: stretch;
  }

  #job-manager-job-dashboard input[type="search"]{
    width: 100%;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d2aa878 *//* ==============================
   DASHBOARD LAYOUT
================================ */
.studok-dashboard {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* ==============================
   ORDER CARD
================================ */
.studok-order-item {
    background: #ffffff;
    border-radius: 14px;
    padding: 22px;
    box-shadow: 0 8px 28px rgba(0,0,0,0.08);
    transition: transform .2s ease, box-shadow .2s ease;
}

.studok-order-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 36px rgba(0,0,0,0.12);
}

/* ==============================
   TITLE
================================ */
.studok-order-title,
.studok-order-item h3 {
    margin: 0 0 14px;
    font-size: 18px;
    font-weight: 600;
    color: #111827;
}

/* ==============================
   META (BADGES)
================================ */
.studok-order-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 14px;
}

.studok-order-meta span {
    background: #f3f4f6;
    padding: 6px 12px;
    border-radius: 999px;
    font-size: 13px;
    color: #374151;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    line-height: 1;
}

/* Highlighted meta */
.meta-budget {
    background: #ecfdf5;
    color: #065f46;
}

.meta-deadline {
    background: #fff7ed;
    color: #9a3412;
}

/* ==============================
   DESCRIPTION
================================ */
.studok-order-description {
    margin-top: 10px;
    font-size: 14px;
    color: #374151;
}

.studok-order-description strong {
    display: block;
    margin-bottom: 4px;
    color: #111827;
}

.studok-order-description p {
    margin: 0;
    line-height: 1.5;
}

/* ==============================
   FILES
================================ */
.studok-order-files {
    margin-top: 10px;
    font-size: 14px;
}

.studok-order-files a {
    color: #2563eb;
    font-weight: 500;
    text-decoration: underline;
}

/* ==============================
   ACTIONS
================================ */
.studok-order-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 18px;
    padding-top: 14px;
    border-top: 1px solid #e5e7eb;
}

.studok-order-actions .button {
    appearance: none;
    border: none;
    cursor: pointer;
    padding: 8px 16px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: all .15s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Default */
.studok-order-actions .button {
    background: #16a34a;
    color: #ffffff;
}

.studok-order-actions .button:hover {
    transform: translateY(-1px);
    filter: brightness(1.05);
}

/* Secondary */
.button.secondary {
    background: #e5e7eb;
    color: #111827;
}

/* Publish */
.button.publish {
    background: #2563eb;
    color: #ffffff;
}

/* Danger */
.button.danger {
    background: #dc2626;
    color: #ffffff;
}

/* ==============================
   RESPONSIVE (MOBILE)
================================ */
@media (max-width: 768px) {

    .studok-order-item {
        padding: 18px;
    }

    .studok-order-meta {
        gap: 8px;
    }

    .studok-order-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .studok-order-actions .button {
        width: 100%;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-6c7ae26 *//* =========================================
   STUDENT CABINET - "МОЇ ЗАМОВЛЕННЯ" STYLE
   (WP Job Manager Dashboard)
   ========================================= */

/* Загальний контейнер dashboard */
#job-manager-job-dashboard{
  margin: 0 auto;
  padding: 22px;
  border-radius: 8px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
}

/* Верхня панель: пошук + кнопка */
#job-manager-job-dashboard .jm-dashboard__intro{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-bottom: 1px solid #e2e8f0;
}

/* Поле пошуку */
#job-manager-job-dashboard input[type="search"]{
  width: 320px;
  max-width: 100%;
  border: 1px solid #000000;
  background: #fff;
  border-radius: 12px;
  padding: 10px 12px;
  outline: none;
  transition: 0.2s ease;
  color: #000000;
}

#job-manager-job-dashboard input[type="search"]:focus{
  border-color: #22c55e;
  box-shadow: 0 0 0 4px rgba(34,197,94,0.15);
}

/* Кнопка "Створити замовлення" */
#job-manager-job-dashboard .jm-dashboard__actions a.jm-ui-button{
  background: #22c55e !important;
  color: #ffffff !important;
  border: 0 !important;
  border-radius: 12px !important;
  padding: 10px 16px !important;
  font-weight: 700;
  transition: 0.2s ease;
}

#job-manager-job-dashboard .jm-dashboard__actions a.jm-ui-button:hover{
  transform: translateY(-1px);
  opacity: 0.95;
}

/* Шапка таблиці */
#job-manager-job-dashboard .jm-dashboard-header{
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  padding: 12px 14px;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 10px;
}

/* Рядок замовлення */
#job-manager-job-dashboard .jm-dashboard-job{
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  padding: 14px;
  margin-bottom: 12px;
  transition: 0.2s ease;
}

#job-manager-job-dashboard .jm-dashboard-job:hover{
  box-shadow: 0 10px 22px rgba(0,0,0,0.06);
  transform: translateY(-1px);
}

/* Назва замовлення */
#job-manager-job-dashboard a.job-title{
  font-weight: 700;
  color: #0f172a;
  text-decoration: none;
}

#job-manager-job-dashboard a.job-title:hover{
  color: #16a34a;
  text-decoration: underline;
}

/* Статус "Активна" */
#job-manager-job-dashboard .job-status .job-status-publish{
  display: inline-block;
  margin-top: 6px;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 700;
  background: rgba(34,197,94,0.12);
  color: #16a34a;
}

/* Малі тексти (expires, views) */
#job-manager-job-dashboard small,
#job-manager-job-dashboard .job-expires{
  color: #64748b;
  font-size: 12px;
}

/* Кнопка "Відмітити закритою" */
#job-manager-job-dashboard .jm-ui-button--outline{
  border-radius: 12px !important;
  border: 1px solid #e2e8f0 !important;
  background: #ffffff !important;
  color: #0f172a !important;
  font-weight: 600;
  padding: 8px 12px !important;
  transition: 0.2s ease;
}

#job-manager-job-dashboard .jm-ui-button--outline:hover{
  border-color: #22c55e !important;
  color: #16a34a !important;
}

/* Меню "..." */
#job-manager-job-dashboard summary.jm-ui-action-menu__open-button{
  border-radius: 12px !important;
  border: 1px solid #e2e8f0 !important;
  background: #f8fafc !important;
  transition: 0.2s ease;
}

#job-manager-job-dashboard summary.jm-ui-action-menu__open-button:hover{
  border-color: #22c55e !important;
}

/* Випадаюче меню */
#job-manager-job-dashboard .jm-ui-action-menu__content{
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  background: #ffffff;
  box-shadow: 0 14px 30px rgba(0,0,0,0.08);
  padding: 10px;
}

/* Посилання в меню */
#job-manager-job-dashboard .jm-ui-action-menu__content a{
  display: block;
  padding: 8px 10px;
  border-radius: 10px;
  color: #0f172a;
  text-decoration: none;
  font-weight: 600;
}

#job-manager-job-dashboard .jm-ui-action-menu__content a:hover{
  background: #f1f5f9;
}

/* Адаптація під телефон */
@media (max-width: 768px){
  #job-manager-job-dashboard{
    padding: 14px;
  }

  #job-manager-job-dashboard .jm-dashboard__intro{
    flex-direction: column;
    align-items: stretch;
  }

  #job-manager-job-dashboard input[type="search"]{
    width: 100%;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4e98d1d *//* ==============================
   DASHBOARD LAYOUT
================================ */
.studok-dashboard {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* ==============================
   ORDER CARD
================================ */
.studok-order-item {
    background: #ffffff;
    border-radius: 14px;
    padding: 22px;
    box-shadow: 0 8px 28px rgba(0,0,0,0.08);
    transition: transform .2s ease, box-shadow .2s ease;
}

.studok-order-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 36px rgba(0,0,0,0.12);
}

/* ==============================
   TITLE
================================ */
.studok-order-title,
.studok-order-item h3 {
    margin: 0 0 14px;
    font-size: 18px;
    font-weight: 600;
    color: #111827;
}

/* ==============================
   META (BADGES)
================================ */
.studok-order-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 14px;
}

.studok-order-meta span {
    background: #f3f4f6;
    padding: 6px 12px;
    border-radius: 999px;
    font-size: 13px;
    color: #374151;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    line-height: 1;
}

/* Highlighted meta */
.meta-budget {
    background: #ecfdf5;
    color: #065f46;
}

.meta-deadline {
    background: #fff7ed;
    color: #9a3412;
}

/* ==============================
   DESCRIPTION
================================ */
.studok-order-description {
    margin-top: 10px;
    font-size: 14px;
    color: #374151;
}

.studok-order-description strong {
    display: block;
    margin-bottom: 4px;
    color: #111827;
}

.studok-order-description p {
    margin: 0;
    line-height: 1.5;
}

/* ==============================
   FILES
================================ */
.studok-order-files {
    margin-top: 10px;
    font-size: 14px;
}

.studok-order-files a {
    color: #2563eb;
    font-weight: 500;
    text-decoration: underline;
}

/* ==============================
   ACTIONS
================================ */
.studok-order-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 18px;
    padding-top: 14px;
    border-top: 1px solid #e5e7eb;
}

.studok-order-actions .button {
    appearance: none;
    border: none;
    cursor: pointer;
    padding: 8px 16px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: all .15s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Default */
.studok-order-actions .button {
    background: #16a34a;
    color: #ffffff;
}

.studok-order-actions .button:hover {
    transform: translateY(-1px);
    filter: brightness(1.05);
}

/* Secondary */
.button.secondary {
    background: #e5e7eb;
    color: #111827;
}

/* Publish */
.button.publish {
    background: #2563eb;
    color: #ffffff;
}

/* Danger */
.button.danger {
    background: #dc2626;
    color: #ffffff;
}

/* ==============================
   RESPONSIVE (MOBILE)
================================ */
@media (max-width: 768px) {

    .studok-order-item {
        padding: 18px;
    }

    .studok-order-meta {
        gap: 8px;
    }

    .studok-order-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .studok-order-actions .button {
        width: 100%;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7f4dd84 */.studok-executors-list{
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(320px,1fr));
    gap:24px;
    margin-top:30px;
}

.studok-executor-card{
    background:#ffffff;
    border-radius:20px;
    padding:25px;
    box-shadow:0 10px 30px rgba(0,0,0,0.05);
    transition:all 0.3s ease;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
}

.studok-executor-card:hover{
    transform:translateY(-6px);
    box-shadow:0 15px 40px rgba(0,0,0,0.08);
}

.studok-executor-header{
    display:flex;
    align-items:center;
    gap:15px;
    margin-bottom:15px;
}

.studok-executor-header img{
    border-radius:50%;
    border:3px solid #2ecc71;
}

.studok-executor-info h3{
    margin:0;
    font-size:18px;
    font-weight:600;
    color:#222;
}

.studok-executor-meta{
    font-size:14px;
    color:#555;
    line-height:1.6;
    margin-bottom:20px;
}

.studok-executor-meta span{
    font-weight:600;
    color:#000;
}

.studok-executor-actions{
    display:flex;
    gap:12px;
    flex-wrap:wrap;
}

.studok-btn33{
    padding:10px 18px;
    border-radius:30px;
    text-decoration:none;
    font-size:14px;
    font-weight:500;
    transition:0.3s;
    display:inline-block;
}

.studok-btn-outline{
    border:2px solid #2ecc71;
    color:#2ecc71;
}

.studok-btn-outline:hover{
    background:#2ecc71;
    color:#fff;
}

.studok-btn-primary{
    background:#ff1a1a;
    color:#fff;
}

.studok-btn-primary:hover{
    background:#d41414;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7d23955 *//* ==============================
   DASHBOARD LAYOUT
================================ */
.studok-dashboard {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* ==============================
   ORDER CARD
================================ */
.studok-order-item {
    background: #ffffff;
    border-radius: 14px;
    padding: 22px;
    box-shadow: 0 8px 28px rgba(0,0,0,0.08);
    transition: transform .2s ease, box-shadow .2s ease;
}

.studok-order-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 36px rgba(0,0,0,0.12);
}

/* ==============================
   TITLE
================================ */
.studok-order-title,
.studok-order-item h3 {
    margin: 0 0 14px;
    font-size: 18px;
    font-weight: 600;
    color: #111827;
}

/* ==============================
   META (BADGES)
================================ */
.studok-order-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 14px;
}

.studok-order-meta span {
    background: #f3f4f6;
    padding: 6px 12px;
    border-radius: 999px;
    font-size: 13px;
    color: #374151;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    line-height: 1;
}

/* Highlighted meta */
.meta-budget {
    background: #ecfdf5;
    color: #065f46;
}

.meta-deadline {
    background: #fff7ed;
    color: #9a3412;
}

/* ==============================
   DESCRIPTION
================================ */
.studok-order-description {
    margin-top: 10px;
    font-size: 14px;
    color: #374151;
}

.studok-order-description strong {
    display: block;
    margin-bottom: 4px;
    color: #111827;
}

.studok-order-description p {
    margin: 0;
    line-height: 1.5;
}

/* ==============================
   FILES
================================ */
.studok-order-files {
    margin-top: 10px;
    font-size: 14px;
}

.studok-order-files a {
    color: #2563eb;
    font-weight: 500;
    text-decoration: underline;
}

/* ==============================
   ACTIONS
================================ */
.studok-order-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 18px;
    padding-top: 14px;
    border-top: 1px solid #e5e7eb;
}

.studok-order-actions .button {
    appearance: none;
    border: none;
    cursor: pointer;
    padding: 8px 16px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: all .15s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Default */
.studok-order-actions .button {
    background: #16a34a;
    color: #ffffff;
}

.studok-order-actions .button:hover {
    transform: translateY(-1px);
    filter: brightness(1.05);
}

/* Secondary */
.button.secondary {
    background: #e5e7eb;
    color: #111827;
}

/* Publish */
.button.publish {
    background: #2563eb;
    color: #ffffff;
}

/* Danger */
.button.danger {
    background: #dc2626;
    color: #ffffff;
}

/* ==============================
   RESPONSIVE (MOBILE)
================================ */
@media (max-width: 768px) {

    .studok-order-item {
        padding: 18px;
    }

    .studok-order-meta {
        gap: 8px;
    }

    .studok-order-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .studok-order-actions .button {
        width: 100%;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-177b598 *//* =========================================
   STUDENT CABINET - "МОЇ ЗАМОВЛЕННЯ" STYLE
   (WP Job Manager Dashboard)
   ========================================= */

/* Загальний контейнер dashboard */
#job-manager-job-dashboard{
  margin: 0 auto;
  padding: 22px;
  border-radius: 8px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
}

/* Верхня панель: пошук + кнопка */
#job-manager-job-dashboard .jm-dashboard__intro{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-bottom: 1px solid #e2e8f0;
}

/* Поле пошуку */
#job-manager-job-dashboard input[type="search"]{
  width: 320px;
  max-width: 100%;
  border: 1px solid #000000;
  background: #fff;
  border-radius: 12px;
  padding: 10px 12px;
  outline: none;
  transition: 0.2s ease;
  color: #000000;
}

#job-manager-job-dashboard input[type="search"]:focus{
  border-color: #22c55e;
  box-shadow: 0 0 0 4px rgba(34,197,94,0.15);
}

/* Кнопка "Створити замовлення" */
#job-manager-job-dashboard .jm-dashboard__actions a.jm-ui-button{
  background: #22c55e !important;
  color: #ffffff !important;
  border: 0 !important;
  border-radius: 12px !important;
  padding: 10px 16px !important;
  font-weight: 700;
  transition: 0.2s ease;
}

#job-manager-job-dashboard .jm-dashboard__actions a.jm-ui-button:hover{
  transform: translateY(-1px);
  opacity: 0.95;
}

/* Шапка таблиці */
#job-manager-job-dashboard .jm-dashboard-header{
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  padding: 12px 14px;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 10px;
}

/* Рядок замовлення */
#job-manager-job-dashboard .jm-dashboard-job{
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  padding: 14px;
  margin-bottom: 12px;
  transition: 0.2s ease;
}

#job-manager-job-dashboard .jm-dashboard-job:hover{
  box-shadow: 0 10px 22px rgba(0,0,0,0.06);
  transform: translateY(-1px);
}

/* Назва замовлення */
#job-manager-job-dashboard a.job-title{
  font-weight: 700;
  color: #0f172a;
  text-decoration: none;
}

#job-manager-job-dashboard a.job-title:hover{
  color: #16a34a;
  text-decoration: underline;
}

/* Статус "Активна" */
#job-manager-job-dashboard .job-status .job-status-publish{
  display: inline-block;
  margin-top: 6px;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 700;
  background: rgba(34,197,94,0.12);
  color: #16a34a;
}

/* Малі тексти (expires, views) */
#job-manager-job-dashboard small,
#job-manager-job-dashboard .job-expires{
  color: #64748b;
  font-size: 12px;
}

/* Кнопка "Відмітити закритою" */
#job-manager-job-dashboard .jm-ui-button--outline{
  border-radius: 12px !important;
  border: 1px solid #e2e8f0 !important;
  background: #ffffff !important;
  color: #0f172a !important;
  font-weight: 600;
  padding: 8px 12px !important;
  transition: 0.2s ease;
}

#job-manager-job-dashboard .jm-ui-button--outline:hover{
  border-color: #22c55e !important;
  color: #16a34a !important;
}

/* Меню "..." */
#job-manager-job-dashboard summary.jm-ui-action-menu__open-button{
  border-radius: 12px !important;
  border: 1px solid #e2e8f0 !important;
  background: #f8fafc !important;
  transition: 0.2s ease;
}

#job-manager-job-dashboard summary.jm-ui-action-menu__open-button:hover{
  border-color: #22c55e !important;
}

/* Випадаюче меню */
#job-manager-job-dashboard .jm-ui-action-menu__content{
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  background: #ffffff;
  box-shadow: 0 14px 30px rgba(0,0,0,0.08);
  padding: 10px;
}

/* Посилання в меню */
#job-manager-job-dashboard .jm-ui-action-menu__content a{
  display: block;
  padding: 8px 10px;
  border-radius: 10px;
  color: #0f172a;
  text-decoration: none;
  font-weight: 600;
}

#job-manager-job-dashboard .jm-ui-action-menu__content a:hover{
  background: #f1f5f9;
}

/* Адаптація під телефон */
@media (max-width: 768px){
  #job-manager-job-dashboard{
    padding: 14px;
  }

  #job-manager-job-dashboard .jm-dashboard__intro{
    flex-direction: column;
    align-items: stretch;
  }

  #job-manager-job-dashboard input[type="search"]{
    width: 100%;
  }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-fba4a0b *//* =========================================
   STUDENT CABINET - "МОЇ ЗАМОВЛЕННЯ" STYLE
   (WP Job Manager Dashboard)
   ========================================= */

/* Загальний контейнер dashboard */
#job-manager-job-dashboard{
  margin: 0 auto;
  padding: 22px;
  border-radius: 8px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
}

/* Верхня панель: пошук + кнопка */
#job-manager-job-dashboard .jm-dashboard__intro{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-bottom: 1px solid #e2e8f0;
}

/* Поле пошуку */
#job-manager-job-dashboard input[type="search"]{
  width: 320px;
  max-width: 100%;
  border: 1px solid #000000;
  background: #fff;
  border-radius: 12px;
  padding: 10px 12px;
  outline: none;
  transition: 0.2s ease;
  color: #000000;
}

#job-manager-job-dashboard input[type="search"]:focus{
  border-color: #22c55e;
  box-shadow: 0 0 0 4px rgba(34,197,94,0.15);
}

/* Кнопка "Створити замовлення" */
#job-manager-job-dashboard .jm-dashboard__actions a.jm-ui-button{
  background: #22c55e !important;
  color: #ffffff !important;
  border: 0 !important;
  border-radius: 12px !important;
  padding: 10px 16px !important;
  font-weight: 700;
  transition: 0.2s ease;
}

#job-manager-job-dashboard .jm-dashboard__actions a.jm-ui-button:hover{
  transform: translateY(-1px);
  opacity: 0.95;
}

/* Шапка таблиці */
#job-manager-job-dashboard .jm-dashboard-header{
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  padding: 12px 14px;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 10px;
}

/* Рядок замовлення */
#job-manager-job-dashboard .jm-dashboard-job{
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  padding: 14px;
  margin-bottom: 12px;
  transition: 0.2s ease;
}

#job-manager-job-dashboard .jm-dashboard-job:hover{
  box-shadow: 0 10px 22px rgba(0,0,0,0.06);
  transform: translateY(-1px);
}

/* Назва замовлення */
#job-manager-job-dashboard a.job-title{
  font-weight: 700;
  color: #0f172a;
  text-decoration: none;
}

#job-manager-job-dashboard a.job-title:hover{
  color: #16a34a;
  text-decoration: underline;
}

/* Статус "Активна" */
#job-manager-job-dashboard .job-status .job-status-publish{
  display: inline-block;
  margin-top: 6px;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 700;
  background: rgba(34,197,94,0.12);
  color: #16a34a;
}

/* Малі тексти (expires, views) */
#job-manager-job-dashboard small,
#job-manager-job-dashboard .job-expires{
  color: #64748b;
  font-size: 12px;
}

/* Кнопка "Відмітити закритою" */
#job-manager-job-dashboard .jm-ui-button--outline{
  border-radius: 12px !important;
  border: 1px solid #e2e8f0 !important;
  background: #ffffff !important;
  color: #0f172a !important;
  font-weight: 600;
  padding: 8px 12px !important;
  transition: 0.2s ease;
}

#job-manager-job-dashboard .jm-ui-button--outline:hover{
  border-color: #22c55e !important;
  color: #16a34a !important;
}

/* Меню "..." */
#job-manager-job-dashboard summary.jm-ui-action-menu__open-button{
  border-radius: 12px !important;
  border: 1px solid #e2e8f0 !important;
  background: #f8fafc !important;
  transition: 0.2s ease;
}

#job-manager-job-dashboard summary.jm-ui-action-menu__open-button:hover{
  border-color: #22c55e !important;
}

/* Випадаюче меню */
#job-manager-job-dashboard .jm-ui-action-menu__content{
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  background: #ffffff;
  box-shadow: 0 14px 30px rgba(0,0,0,0.08);
  padding: 10px;
}

/* Посилання в меню */
#job-manager-job-dashboard .jm-ui-action-menu__content a{
  display: block;
  padding: 8px 10px;
  border-radius: 10px;
  color: #0f172a;
  text-decoration: none;
  font-weight: 600;
}

#job-manager-job-dashboard .jm-ui-action-menu__content a:hover{
  background: #f1f5f9;
}

/* Адаптація під телефон */
@media (max-width: 768px){
  #job-manager-job-dashboard{
    padding: 14px;
  }

  #job-manager-job-dashboard .jm-dashboard__intro{
    flex-direction: column;
    align-items: stretch;
  }

  #job-manager-job-dashboard input[type="search"]{
    width: 100%;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-331c55f *//* ==============================
   DASHBOARD LAYOUT
================================ */
.studok-dashboard {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* ==============================
   ORDER CARD
================================ */
.studok-order-item {
    background: #ffffff;
    border-radius: 14px;
    padding: 22px;
    box-shadow: 0 8px 28px rgba(0,0,0,0.08);
    transition: transform .2s ease, box-shadow .2s ease;
}

.studok-order-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 36px rgba(0,0,0,0.12);
}

/* ==============================
   TITLE
================================ */
.studok-order-title,
.studok-order-item h3 {
    margin: 0 0 14px;
    font-size: 18px;
    font-weight: 600;
    color: #111827;
}

/* ==============================
   META (BADGES)
================================ */
.studok-order-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 14px;
}

.studok-order-meta span {
    background: #f3f4f6;
    padding: 6px 12px;
    border-radius: 999px;
    font-size: 13px;
    color: #374151;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    line-height: 1;
}

/* Highlighted meta */
.meta-budget {
    background: #ecfdf5;
    color: #065f46;
}

.meta-deadline {
    background: #fff7ed;
    color: #9a3412;
}

/* ==============================
   DESCRIPTION
================================ */
.studok-order-description {
    margin-top: 10px;
    font-size: 14px;
    color: #374151;
}

.studok-order-description strong {
    display: block;
    margin-bottom: 4px;
    color: #111827;
}

.studok-order-description p {
    margin: 0;
    line-height: 1.5;
}

/* ==============================
   FILES
================================ */
.studok-order-files {
    margin-top: 10px;
    font-size: 14px;
}

.studok-order-files a {
    color: #2563eb;
    font-weight: 500;
    text-decoration: underline;
}

/* ==============================
   ACTIONS
================================ */
.studok-order-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 18px;
    padding-top: 14px;
    border-top: 1px solid #e5e7eb;
}

.studok-order-actions .button {
    appearance: none;
    border: none;
    cursor: pointer;
    padding: 8px 16px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: all .15s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Default */
.studok-order-actions .button {
    background: #16a34a;
    color: #ffffff;
}

.studok-order-actions .button:hover {
    transform: translateY(-1px);
    filter: brightness(1.05);
}

/* Secondary */
.button.secondary {
    background: #e5e7eb;
    color: #111827;
}

/* Publish */
.button.publish {
    background: #2563eb;
    color: #ffffff;
}

/* Danger */
.button.danger {
    background: #dc2626;
    color: #ffffff;
}

/* ==============================
   RESPONSIVE (MOBILE)
================================ */
@media (max-width: 768px) {

    .studok-order-item {
        padding: 18px;
    }

    .studok-order-meta {
        gap: 8px;
    }

    .studok-order-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .studok-order-actions .button {
        width: 100%;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3d7ee6e *//* ==============================
   DASHBOARD LAYOUT
================================ */
.studok-dashboard {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* ==============================
   ORDER CARD
================================ */
.studok-order-item {
    background: #ffffff;
    border-radius: 14px;
    padding: 22px;
    box-shadow: 0 8px 28px rgba(0,0,0,0.08);
    transition: transform .2s ease, box-shadow .2s ease;
}

.studok-order-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 36px rgba(0,0,0,0.12);
}

/* ==============================
   TITLE
================================ */
.studok-order-title,
.studok-order-item h3 {
    margin: 0 0 14px;
    font-size: 18px;
    font-weight: 600;
    color: #111827;
}

/* ==============================
   META (BADGES)
================================ */
.studok-order-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 14px;
}

.studok-order-meta span {
    background: #f3f4f6;
    padding: 6px 12px;
    border-radius: 999px;
    font-size: 13px;
    color: #374151;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    line-height: 1;
}

/* Highlighted meta */
.meta-budget {
    background: #ecfdf5;
    color: #065f46;
}

.meta-deadline {
    background: #fff7ed;
    color: #9a3412;
}

/* ==============================
   DESCRIPTION
================================ */
.studok-order-description {
    margin-top: 10px;
    font-size: 14px;
    color: #374151;
}

.studok-order-description strong {
    display: block;
    margin-bottom: 4px;
    color: #111827;
}

.studok-order-description p {
    margin: 0;
    line-height: 1.5;
}

/* ==============================
   FILES
================================ */
.studok-order-files {
    margin-top: 10px;
    font-size: 14px;
}

.studok-order-files a {
    color: #2563eb;
    font-weight: 500;
    text-decoration: underline;
}

/* ==============================
   ACTIONS
================================ */
.studok-order-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 18px;
    padding-top: 14px;
    border-top: 1px solid #e5e7eb;
}

.studok-order-actions .button {
    appearance: none;
    border: none;
    cursor: pointer;
    padding: 8px 16px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: all .15s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Default */
.studok-order-actions .button {
    background: #16a34a;
    color: #ffffff;
}

.studok-order-actions .button:hover {
    transform: translateY(-1px);
    filter: brightness(1.05);
}

/* Secondary */
.button.secondary {
    background: #e5e7eb;
    color: #111827;
}

/* Publish */
.button.publish {
    background: #2563eb;
    color: #ffffff;
}

/* Danger */
.button.danger {
    background: #dc2626;
    color: #ffffff;
}

/* ==============================
   RESPONSIVE (MOBILE)
================================ */
@media (max-width: 768px) {

    .studok-order-item {
        padding: 18px;
    }

    .studok-order-meta {
        gap: 8px;
    }

    .studok-order-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .studok-order-actions .button {
        width: 100%;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-26dd4ac *//* ==============================
   DASHBOARD LAYOUT
================================ */
.studok-dashboard {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* ==============================
   ORDER CARD
================================ */
.studok-order-item {
    background: #ffffff;
    border-radius: 14px;
    padding: 22px;
    box-shadow: 0 8px 28px rgba(0,0,0,0.08);
    transition: transform .2s ease, box-shadow .2s ease;
}

.studok-order-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 36px rgba(0,0,0,0.12);
}

/* ==============================
   TITLE
================================ */
.studok-order-title,
.studok-order-item h3 {
    margin: 0 0 14px;
    font-size: 18px;
    font-weight: 600;
    color: #111827;
}

/* ==============================
   META (BADGES)
================================ */
.studok-order-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 14px;
}

.studok-order-meta span {
    background: #f3f4f6;
    padding: 6px 12px;
    border-radius: 999px;
    font-size: 13px;
    color: #374151;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    line-height: 1;
}

/* Highlighted meta */
.meta-budget {
    background: #ecfdf5;
    color: #065f46;
}

.meta-deadline {
    background: #fff7ed;
    color: #9a3412;
}

/* ==============================
   DESCRIPTION
================================ */
.studok-order-description {
    margin-top: 10px;
    font-size: 14px;
    color: #374151;
}

.studok-order-description strong {
    display: block;
    margin-bottom: 4px;
    color: #111827;
}

.studok-order-description p {
    margin: 0;
    line-height: 1.5;
}

/* ==============================
   FILES
================================ */
.studok-order-files {
    margin-top: 10px;
    font-size: 14px;
}

.studok-order-files a {
    color: #2563eb;
    font-weight: 500;
    text-decoration: underline;
}

/* ==============================
   ACTIONS
================================ */
.studok-order-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 18px;
    padding-top: 14px;
    border-top: 1px solid #e5e7eb;
}

.studok-order-actions .button {
    appearance: none;
    border: none;
    cursor: pointer;
    padding: 8px 16px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: all .15s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Default */
.studok-order-actions .button {
    background: #16a34a;
    color: #ffffff;
}

.studok-order-actions .button:hover {
    transform: translateY(-1px);
    filter: brightness(1.05);
}

/* Secondary */
.button.secondary {
    background: #e5e7eb;
    color: #111827;
}

/* Publish */
.button.publish {
    background: #2563eb;
    color: #ffffff;
}

/* Danger */
.button.danger {
    background: #dc2626;
    color: #ffffff;
}

/* ==============================
   RESPONSIVE (MOBILE)
================================ */
@media (max-width: 768px) {

    .studok-order-item {
        padding: 18px;
    }

    .studok-order-meta {
        gap: 8px;
    }

    .studok-order-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .studok-order-actions .button {
        width: 100%;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-6153366 *//* =========================================
   STUDENT CABINET - "МОЇ ЗАМОВЛЕННЯ" STYLE
   (WP Job Manager Dashboard)
   ========================================= */

/* Загальний контейнер dashboard */
#job-manager-job-dashboard{
  margin: 0 auto;
  padding: 22px;
  border-radius: 8px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
}

/* Верхня панель: пошук + кнопка */
#job-manager-job-dashboard .jm-dashboard__intro{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-bottom: 1px solid #e2e8f0;
}

/* Поле пошуку */
#job-manager-job-dashboard input[type="search"]{
  width: 320px;
  max-width: 100%;
  border: 1px solid #000000;
  background: #fff;
  border-radius: 12px;
  padding: 10px 12px;
  outline: none;
  transition: 0.2s ease;
  color: #000000;
}

#job-manager-job-dashboard input[type="search"]:focus{
  border-color: #22c55e;
  box-shadow: 0 0 0 4px rgba(34,197,94,0.15);
}

/* Кнопка "Створити замовлення" */
#job-manager-job-dashboard .jm-dashboard__actions a.jm-ui-button{
  background: #22c55e !important;
  color: #ffffff !important;
  border: 0 !important;
  border-radius: 12px !important;
  padding: 10px 16px !important;
  font-weight: 700;
  transition: 0.2s ease;
}

#job-manager-job-dashboard .jm-dashboard__actions a.jm-ui-button:hover{
  transform: translateY(-1px);
  opacity: 0.95;
}

/* Шапка таблиці */
#job-manager-job-dashboard .jm-dashboard-header{
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  padding: 12px 14px;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 10px;
}

/* Рядок замовлення */
#job-manager-job-dashboard .jm-dashboard-job{
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  padding: 14px;
  margin-bottom: 12px;
  transition: 0.2s ease;
}

#job-manager-job-dashboard .jm-dashboard-job:hover{
  box-shadow: 0 10px 22px rgba(0,0,0,0.06);
  transform: translateY(-1px);
}

/* Назва замовлення */
#job-manager-job-dashboard a.job-title{
  font-weight: 700;
  color: #0f172a;
  text-decoration: none;
}

#job-manager-job-dashboard a.job-title:hover{
  color: #16a34a;
  text-decoration: underline;
}

/* Статус "Активна" */
#job-manager-job-dashboard .job-status .job-status-publish{
  display: inline-block;
  margin-top: 6px;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 700;
  background: rgba(34,197,94,0.12);
  color: #16a34a;
}

/* Малі тексти (expires, views) */
#job-manager-job-dashboard small,
#job-manager-job-dashboard .job-expires{
  color: #64748b;
  font-size: 12px;
}

/* Кнопка "Відмітити закритою" */
#job-manager-job-dashboard .jm-ui-button--outline{
  border-radius: 12px !important;
  border: 1px solid #e2e8f0 !important;
  background: #ffffff !important;
  color: #0f172a !important;
  font-weight: 600;
  padding: 8px 12px !important;
  transition: 0.2s ease;
}

#job-manager-job-dashboard .jm-ui-button--outline:hover{
  border-color: #22c55e !important;
  color: #16a34a !important;
}

/* Меню "..." */
#job-manager-job-dashboard summary.jm-ui-action-menu__open-button{
  border-radius: 12px !important;
  border: 1px solid #e2e8f0 !important;
  background: #f8fafc !important;
  transition: 0.2s ease;
}

#job-manager-job-dashboard summary.jm-ui-action-menu__open-button:hover{
  border-color: #22c55e !important;
}

/* Випадаюче меню */
#job-manager-job-dashboard .jm-ui-action-menu__content{
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  background: #ffffff;
  box-shadow: 0 14px 30px rgba(0,0,0,0.08);
  padding: 10px;
}

/* Посилання в меню */
#job-manager-job-dashboard .jm-ui-action-menu__content a{
  display: block;
  padding: 8px 10px;
  border-radius: 10px;
  color: #0f172a;
  text-decoration: none;
  font-weight: 600;
}

#job-manager-job-dashboard .jm-ui-action-menu__content a:hover{
  background: #f1f5f9;
}

/* Адаптація під телефон */
@media (max-width: 768px){
  #job-manager-job-dashboard{
    padding: 14px;
  }

  #job-manager-job-dashboard .jm-dashboard__intro{
    flex-direction: column;
    align-items: stretch;
  }

  #job-manager-job-dashboard input[type="search"]{
    width: 100%;
  }
}


/* =====================================
   STUDOK — ACCOUNT CENTER PREMIUM STYLE
===================================== */


/* MAIN CONTAINER */

.um.um-account {

    background: #ffffff;
    padding: 32px !important;

    border-radius: 16px !important;

    box-shadow: 
        0 10px 30px rgba(0,0,0,0.05),
        0 2px 6px rgba(0,0,0,0.04);


}


/* AVATAR */

.um-account-meta-img img {

    width: 90px !important;
    height: 90px !important;

    border-radius: 50% !important;

    border: 4px solid #ecfdf5;

    box-shadow: 0 5px 15px rgba(0,0,0,0.08);

}


/* USERNAME */

.um-account-name a {

    font-size: 14px !important;
    font-weight: 600 !important;

    color: #111827 !important;

}


/* PROFILE LINK */

.um-account-profile-link a {

    color: #22c55e !important;

    font-weight: 500 !important;

}


/* FIELD CONTAINER */

.um-field {

    margin-bottom: 20px !important;

}


/* LABEL */

.um-field-label label {

    font-size: 14px !important;

    font-weight: 600 !important;

    color: #374151 !important;

    margin-bottom: 6px !important;

}


/* INPUT */

.um-form-field {

    height: 44px !important;

    border-radius: 10px !important;

    border: 1px solid #e5e7eb !important;

    padding: 0 14px !important;

    font-size: 15px !important;

    transition: all 0.2s ease;

}


/* INPUT HOVER */

.um-form-field:hover {

    border-color: #22c55e !important;

}


/* INPUT FOCUS */

.um-form-field:focus {

    border-color: #22c55e !important;

    box-shadow: 0 0 0 3px rgba(34,197,94,0.15);

    outline: none !important;

}


/* BUTTON */

.um-button {

    background: linear-gradient(135deg,#22c55e,#16a34a) !important;

    border: none !important;

    color: white !important;

    height: 44px;

    padding: 0 24px !important;

    border-radius: 10px !important;

    font-weight: 600 !important;

    box-shadow: 0 6px 18px rgba(34,197,94,0.25);

    transition: all 0.25s ease;

}


/* BUTTON HOVER */

.um-button:hover {

    transform: translateY(-2px);

    box-shadow: 0 10px 22px rgba(34,197,94,0.35);

}


/* HEADING */

.um-account-heading {

    font-size: 20px !important;

    font-weight: 600 !important;

    margin-bottom: 24px !important;

    color: #111827;

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ab2dc26 *//* ==============================
   DASHBOARD LAYOUT
================================ */
.studok-dashboard {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* ==============================
   ORDER CARD
================================ */
.studok-order-item {
    background: #ffffff;
    border-radius: 14px;
    padding: 22px;
    box-shadow: 0 8px 28px rgba(0,0,0,0.08);
    transition: transform .2s ease, box-shadow .2s ease;
}

.studok-order-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 36px rgba(0,0,0,0.12);
}

/* ==============================
   TITLE
================================ */
.studok-order-title,
.studok-order-item h3 {
    margin: 0 0 14px;
    font-size: 18px;
    font-weight: 600;
    color: #111827;
}

/* ==============================
   META (BADGES)
================================ */
.studok-order-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 14px;
}

.studok-order-meta span {
    background: #f3f4f6;
    padding: 6px 12px;
    border-radius: 999px;
    font-size: 13px;
    color: #374151;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    line-height: 1;
}

/* Highlighted meta */
.meta-budget {
    background: #ecfdf5;
    color: #065f46;
}

.meta-deadline {
    background: #fff7ed;
    color: #9a3412;
}

/* ==============================
   DESCRIPTION
================================ */
.studok-order-description {
    margin-top: 10px;
    font-size: 14px;
    color: #374151;
}

.studok-order-description strong {
    display: block;
    margin-bottom: 4px;
    color: #111827;
}

.studok-order-description p {
    margin: 0;
    line-height: 1.5;
}

/* ==============================
   FILES
================================ */
.studok-order-files {
    margin-top: 10px;
    font-size: 14px;
}

.studok-order-files a {
    color: #2563eb;
    font-weight: 500;
    text-decoration: underline;
}

/* ==============================
   ACTIONS
================================ */
.studok-order-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 18px;
    padding-top: 14px;
    border-top: 1px solid #e5e7eb;
}

.studok-order-actions .button {
    appearance: none;
    border: none;
    cursor: pointer;
    padding: 8px 16px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: all .15s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Default */
.studok-order-actions .button {
    background: #16a34a;
    color: #ffffff;
}

.studok-order-actions .button:hover {
    transform: translateY(-1px);
    filter: brightness(1.05);
}

/* Secondary */
.button.secondary {
    background: #e5e7eb;
    color: #111827;
}

/* Publish */
.button.publish {
    background: #2563eb;
    color: #ffffff;
}

/* Danger */
.button.danger {
    background: #dc2626;
    color: #ffffff;
}

/* ==============================
   RESPONSIVE (MOBILE)
================================ */
@media (max-width: 768px) {

    .studok-order-item {
        padding: 18px;
    }

    .studok-order-meta {
        gap: 8px;
    }

    .studok-order-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .studok-order-actions .button {
        width: 100%;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-4f27b96 *//* =========================================
   STUDENT CABINET - "МОЇ ЗАМОВЛЕННЯ" STYLE
   (WP Job Manager Dashboard)
   ========================================= */

/* Загальний контейнер dashboard */
#job-manager-job-dashboard{
  margin: 0 auto;
  padding: 22px;
  border-radius: 8px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
}

/* Верхня панель: пошук + кнопка */
#job-manager-job-dashboard .jm-dashboard__intro{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-bottom: 1px solid #e2e8f0;
}

/* Поле пошуку */
#job-manager-job-dashboard input[type="search"]{
  width: 320px;
  max-width: 100%;
  border: 1px solid #000000;
  background: #fff;
  border-radius: 12px;
  padding: 10px 12px;
  outline: none;
  transition: 0.2s ease;
  color: #000000;
}

#job-manager-job-dashboard input[type="search"]:focus{
  border-color: #22c55e;
  box-shadow: 0 0 0 4px rgba(34,197,94,0.15);
}

/* Кнопка "Створити замовлення" */
#job-manager-job-dashboard .jm-dashboard__actions a.jm-ui-button{
  background: #22c55e !important;
  color: #ffffff !important;
  border: 0 !important;
  border-radius: 12px !important;
  padding: 10px 16px !important;
  font-weight: 700;
  transition: 0.2s ease;
}

#job-manager-job-dashboard .jm-dashboard__actions a.jm-ui-button:hover{
  transform: translateY(-1px);
  opacity: 0.95;
}

/* Шапка таблиці */
#job-manager-job-dashboard .jm-dashboard-header{
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  padding: 12px 14px;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 10px;
}

/* Рядок замовлення */
#job-manager-job-dashboard .jm-dashboard-job{
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  padding: 14px;
  margin-bottom: 12px;
  transition: 0.2s ease;
}

#job-manager-job-dashboard .jm-dashboard-job:hover{
  box-shadow: 0 10px 22px rgba(0,0,0,0.06);
  transform: translateY(-1px);
}

/* Назва замовлення */
#job-manager-job-dashboard a.job-title{
  font-weight: 700;
  color: #0f172a;
  text-decoration: none;
}

#job-manager-job-dashboard a.job-title:hover{
  color: #16a34a;
  text-decoration: underline;
}

/* Статус "Активна" */
#job-manager-job-dashboard .job-status .job-status-publish{
  display: inline-block;
  margin-top: 6px;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 700;
  background: rgba(34,197,94,0.12);
  color: #16a34a;
}

/* Малі тексти (expires, views) */
#job-manager-job-dashboard small,
#job-manager-job-dashboard .job-expires{
  color: #64748b;
  font-size: 12px;
}

/* Кнопка "Відмітити закритою" */
#job-manager-job-dashboard .jm-ui-button--outline{
  border-radius: 12px !important;
  border: 1px solid #e2e8f0 !important;
  background: #ffffff !important;
  color: #0f172a !important;
  font-weight: 600;
  padding: 8px 12px !important;
  transition: 0.2s ease;
}

#job-manager-job-dashboard .jm-ui-button--outline:hover{
  border-color: #22c55e !important;
  color: #16a34a !important;
}

/* Меню "..." */
#job-manager-job-dashboard summary.jm-ui-action-menu__open-button{
  border-radius: 12px !important;
  border: 1px solid #e2e8f0 !important;
  background: #f8fafc !important;
  transition: 0.2s ease;
}

#job-manager-job-dashboard summary.jm-ui-action-menu__open-button:hover{
  border-color: #22c55e !important;
}

/* Випадаюче меню */
#job-manager-job-dashboard .jm-ui-action-menu__content{
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  background: #ffffff;
  box-shadow: 0 14px 30px rgba(0,0,0,0.08);
  padding: 10px;
}

/* Посилання в меню */
#job-manager-job-dashboard .jm-ui-action-menu__content a{
  display: block;
  padding: 8px 10px;
  border-radius: 10px;
  color: #0f172a;
  text-decoration: none;
  font-weight: 600;
}

#job-manager-job-dashboard .jm-ui-action-menu__content a:hover{
  background: #f1f5f9;
}

/* Адаптація під телефон */
@media (max-width: 768px){
  #job-manager-job-dashboard{
    padding: 14px;
  }

  #job-manager-job-dashboard .jm-dashboard__intro{
    flex-direction: column;
    align-items: stretch;
  }

  #job-manager-job-dashboard input[type="search"]{
    width: 100%;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d2aa878 *//* ==============================
   DASHBOARD LAYOUT
================================ */
.studok-dashboard {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* ==============================
   ORDER CARD
================================ */
.studok-order-item {
    background: #ffffff;
    border-radius: 14px;
    padding: 22px;
    box-shadow: 0 8px 28px rgba(0,0,0,0.08);
    transition: transform .2s ease, box-shadow .2s ease;
}

.studok-order-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 36px rgba(0,0,0,0.12);
}

/* ==============================
   TITLE
================================ */
.studok-order-title,
.studok-order-item h3 {
    margin: 0 0 14px;
    font-size: 18px;
    font-weight: 600;
    color: #111827;
}

/* ==============================
   META (BADGES)
================================ */
.studok-order-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 14px;
}

.studok-order-meta span {
    background: #f3f4f6;
    padding: 6px 12px;
    border-radius: 999px;
    font-size: 13px;
    color: #374151;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    line-height: 1;
}

/* Highlighted meta */
.meta-budget {
    background: #ecfdf5;
    color: #065f46;
}

.meta-deadline {
    background: #fff7ed;
    color: #9a3412;
}

/* ==============================
   DESCRIPTION
================================ */
.studok-order-description {
    margin-top: 10px;
    font-size: 14px;
    color: #374151;
}

.studok-order-description strong {
    display: block;
    margin-bottom: 4px;
    color: #111827;
}

.studok-order-description p {
    margin: 0;
    line-height: 1.5;
}

/* ==============================
   FILES
================================ */
.studok-order-files {
    margin-top: 10px;
    font-size: 14px;
}

.studok-order-files a {
    color: #2563eb;
    font-weight: 500;
    text-decoration: underline;
}

/* ==============================
   ACTIONS
================================ */
.studok-order-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 18px;
    padding-top: 14px;
    border-top: 1px solid #e5e7eb;
}

.studok-order-actions .button {
    appearance: none;
    border: none;
    cursor: pointer;
    padding: 8px 16px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: all .15s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Default */
.studok-order-actions .button {
    background: #16a34a;
    color: #ffffff;
}

.studok-order-actions .button:hover {
    transform: translateY(-1px);
    filter: brightness(1.05);
}

/* Secondary */
.button.secondary {
    background: #e5e7eb;
    color: #111827;
}

/* Publish */
.button.publish {
    background: #2563eb;
    color: #ffffff;
}

/* Danger */
.button.danger {
    background: #dc2626;
    color: #ffffff;
}

/* ==============================
   RESPONSIVE (MOBILE)
================================ */
@media (max-width: 768px) {

    .studok-order-item {
        padding: 18px;
    }

    .studok-order-meta {
        gap: 8px;
    }

    .studok-order-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .studok-order-actions .button {
        width: 100%;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-6c7ae26 *//* =========================================
   STUDENT CABINET - "МОЇ ЗАМОВЛЕННЯ" STYLE
   (WP Job Manager Dashboard)
   ========================================= */

/* Загальний контейнер dashboard */
#job-manager-job-dashboard{
  margin: 0 auto;
  padding: 22px;
  border-radius: 8px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
}

/* Верхня панель: пошук + кнопка */
#job-manager-job-dashboard .jm-dashboard__intro{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-bottom: 1px solid #e2e8f0;
}

/* Поле пошуку */
#job-manager-job-dashboard input[type="search"]{
  width: 320px;
  max-width: 100%;
  border: 1px solid #000000;
  background: #fff;
  border-radius: 12px;
  padding: 10px 12px;
  outline: none;
  transition: 0.2s ease;
  color: #000000;
}

#job-manager-job-dashboard input[type="search"]:focus{
  border-color: #22c55e;
  box-shadow: 0 0 0 4px rgba(34,197,94,0.15);
}

/* Кнопка "Створити замовлення" */
#job-manager-job-dashboard .jm-dashboard__actions a.jm-ui-button{
  background: #22c55e !important;
  color: #ffffff !important;
  border: 0 !important;
  border-radius: 12px !important;
  padding: 10px 16px !important;
  font-weight: 700;
  transition: 0.2s ease;
}

#job-manager-job-dashboard .jm-dashboard__actions a.jm-ui-button:hover{
  transform: translateY(-1px);
  opacity: 0.95;
}

/* Шапка таблиці */
#job-manager-job-dashboard .jm-dashboard-header{
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  padding: 12px 14px;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 10px;
}

/* Рядок замовлення */
#job-manager-job-dashboard .jm-dashboard-job{
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  padding: 14px;
  margin-bottom: 12px;
  transition: 0.2s ease;
}

#job-manager-job-dashboard .jm-dashboard-job:hover{
  box-shadow: 0 10px 22px rgba(0,0,0,0.06);
  transform: translateY(-1px);
}

/* Назва замовлення */
#job-manager-job-dashboard a.job-title{
  font-weight: 700;
  color: #0f172a;
  text-decoration: none;
}

#job-manager-job-dashboard a.job-title:hover{
  color: #16a34a;
  text-decoration: underline;
}

/* Статус "Активна" */
#job-manager-job-dashboard .job-status .job-status-publish{
  display: inline-block;
  margin-top: 6px;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 700;
  background: rgba(34,197,94,0.12);
  color: #16a34a;
}

/* Малі тексти (expires, views) */
#job-manager-job-dashboard small,
#job-manager-job-dashboard .job-expires{
  color: #64748b;
  font-size: 12px;
}

/* Кнопка "Відмітити закритою" */
#job-manager-job-dashboard .jm-ui-button--outline{
  border-radius: 12px !important;
  border: 1px solid #e2e8f0 !important;
  background: #ffffff !important;
  color: #0f172a !important;
  font-weight: 600;
  padding: 8px 12px !important;
  transition: 0.2s ease;
}

#job-manager-job-dashboard .jm-ui-button--outline:hover{
  border-color: #22c55e !important;
  color: #16a34a !important;
}

/* Меню "..." */
#job-manager-job-dashboard summary.jm-ui-action-menu__open-button{
  border-radius: 12px !important;
  border: 1px solid #e2e8f0 !important;
  background: #f8fafc !important;
  transition: 0.2s ease;
}

#job-manager-job-dashboard summary.jm-ui-action-menu__open-button:hover{
  border-color: #22c55e !important;
}

/* Випадаюче меню */
#job-manager-job-dashboard .jm-ui-action-menu__content{
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  background: #ffffff;
  box-shadow: 0 14px 30px rgba(0,0,0,0.08);
  padding: 10px;
}

/* Посилання в меню */
#job-manager-job-dashboard .jm-ui-action-menu__content a{
  display: block;
  padding: 8px 10px;
  border-radius: 10px;
  color: #0f172a;
  text-decoration: none;
  font-weight: 600;
}

#job-manager-job-dashboard .jm-ui-action-menu__content a:hover{
  background: #f1f5f9;
}

/* Адаптація під телефон */
@media (max-width: 768px){
  #job-manager-job-dashboard{
    padding: 14px;
  }

  #job-manager-job-dashboard .jm-dashboard__intro{
    flex-direction: column;
    align-items: stretch;
  }

  #job-manager-job-dashboard input[type="search"]{
    width: 100%;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4e98d1d *//* ==============================
   DASHBOARD LAYOUT
================================ */
.studok-dashboard {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* ==============================
   ORDER CARD
================================ */
.studok-order-item {
    background: #ffffff;
    border-radius: 14px;
    padding: 22px;
    box-shadow: 0 8px 28px rgba(0,0,0,0.08);
    transition: transform .2s ease, box-shadow .2s ease;
}

.studok-order-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 36px rgba(0,0,0,0.12);
}

/* ==============================
   TITLE
================================ */
.studok-order-title,
.studok-order-item h3 {
    margin: 0 0 14px;
    font-size: 18px;
    font-weight: 600;
    color: #111827;
}

/* ==============================
   META (BADGES)
================================ */
.studok-order-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 14px;
}

.studok-order-meta span {
    background: #f3f4f6;
    padding: 6px 12px;
    border-radius: 999px;
    font-size: 13px;
    color: #374151;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    line-height: 1;
}

/* Highlighted meta */
.meta-budget {
    background: #ecfdf5;
    color: #065f46;
}

.meta-deadline {
    background: #fff7ed;
    color: #9a3412;
}

/* ==============================
   DESCRIPTION
================================ */
.studok-order-description {
    margin-top: 10px;
    font-size: 14px;
    color: #374151;
}

.studok-order-description strong {
    display: block;
    margin-bottom: 4px;
    color: #111827;
}

.studok-order-description p {
    margin: 0;
    line-height: 1.5;
}

/* ==============================
   FILES
================================ */
.studok-order-files {
    margin-top: 10px;
    font-size: 14px;
}

.studok-order-files a {
    color: #2563eb;
    font-weight: 500;
    text-decoration: underline;
}

/* ==============================
   ACTIONS
================================ */
.studok-order-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 18px;
    padding-top: 14px;
    border-top: 1px solid #e5e7eb;
}

.studok-order-actions .button {
    appearance: none;
    border: none;
    cursor: pointer;
    padding: 8px 16px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: all .15s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Default */
.studok-order-actions .button {
    background: #16a34a;
    color: #ffffff;
}

.studok-order-actions .button:hover {
    transform: translateY(-1px);
    filter: brightness(1.05);
}

/* Secondary */
.button.secondary {
    background: #e5e7eb;
    color: #111827;
}

/* Publish */
.button.publish {
    background: #2563eb;
    color: #ffffff;
}

/* Danger */
.button.danger {
    background: #dc2626;
    color: #ffffff;
}

/* ==============================
   RESPONSIVE (MOBILE)
================================ */
@media (max-width: 768px) {

    .studok-order-item {
        padding: 18px;
    }

    .studok-order-meta {
        gap: 8px;
    }

    .studok-order-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .studok-order-actions .button {
        width: 100%;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7f4dd84 */.studok-executors-list{
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(320px,1fr));
    gap:24px;
    margin-top:30px;
}

.studok-executor-card{
    background:#ffffff;
    border-radius:20px;
    padding:25px;
    box-shadow:0 10px 30px rgba(0,0,0,0.05);
    transition:all 0.3s ease;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
}

.studok-executor-card:hover{
    transform:translateY(-6px);
    box-shadow:0 15px 40px rgba(0,0,0,0.08);
}

.studok-executor-header{
    display:flex;
    align-items:center;
    gap:15px;
    margin-bottom:15px;
}

.studok-executor-header img{
    border-radius:50%;
    border:3px solid #2ecc71;
}

.studok-executor-info h3{
    margin:0;
    font-size:18px;
    font-weight:600;
    color:#222;
}

.studok-executor-meta{
    font-size:14px;
    color:#555;
    line-height:1.6;
    margin-bottom:20px;
}

.studok-executor-meta span{
    font-weight:600;
    color:#000;
}

.studok-executor-actions{
    display:flex;
    gap:12px;
    flex-wrap:wrap;
}

.studok-btn33{
    padding:10px 18px;
    border-radius:30px;
    text-decoration:none;
    font-size:14px;
    font-weight:500;
    transition:0.3s;
    display:inline-block;
}

.studok-btn-outline{
    border:2px solid #2ecc71;
    color:#2ecc71;
}

.studok-btn-outline:hover{
    background:#2ecc71;
    color:#fff;
}

.studok-btn-primary{
    background:#ff1a1a;
    color:#fff;
}

.studok-btn-primary:hover{
    background:#d41414;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7d23955 *//* ==============================
   DASHBOARD LAYOUT
================================ */
.studok-dashboard {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* ==============================
   ORDER CARD
================================ */
.studok-order-item {
    background: #ffffff;
    border-radius: 14px;
    padding: 22px;
    box-shadow: 0 8px 28px rgba(0,0,0,0.08);
    transition: transform .2s ease, box-shadow .2s ease;
}

.studok-order-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 36px rgba(0,0,0,0.12);
}

/* ==============================
   TITLE
================================ */
.studok-order-title,
.studok-order-item h3 {
    margin: 0 0 14px;
    font-size: 18px;
    font-weight: 600;
    color: #111827;
}

/* ==============================
   META (BADGES)
================================ */
.studok-order-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 14px;
}

.studok-order-meta span {
    background: #f3f4f6;
    padding: 6px 12px;
    border-radius: 999px;
    font-size: 13px;
    color: #374151;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    line-height: 1;
}

/* Highlighted meta */
.meta-budget {
    background: #ecfdf5;
    color: #065f46;
}

.meta-deadline {
    background: #fff7ed;
    color: #9a3412;
}

/* ==============================
   DESCRIPTION
================================ */
.studok-order-description {
    margin-top: 10px;
    font-size: 14px;
    color: #374151;
}

.studok-order-description strong {
    display: block;
    margin-bottom: 4px;
    color: #111827;
}

.studok-order-description p {
    margin: 0;
    line-height: 1.5;
}

/* ==============================
   FILES
================================ */
.studok-order-files {
    margin-top: 10px;
    font-size: 14px;
}

.studok-order-files a {
    color: #2563eb;
    font-weight: 500;
    text-decoration: underline;
}

/* ==============================
   ACTIONS
================================ */
.studok-order-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 18px;
    padding-top: 14px;
    border-top: 1px solid #e5e7eb;
}

.studok-order-actions .button {
    appearance: none;
    border: none;
    cursor: pointer;
    padding: 8px 16px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: all .15s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Default */
.studok-order-actions .button {
    background: #16a34a;
    color: #ffffff;
}

.studok-order-actions .button:hover {
    transform: translateY(-1px);
    filter: brightness(1.05);
}

/* Secondary */
.button.secondary {
    background: #e5e7eb;
    color: #111827;
}

/* Publish */
.button.publish {
    background: #2563eb;
    color: #ffffff;
}

/* Danger */
.button.danger {
    background: #dc2626;
    color: #ffffff;
}

/* ==============================
   RESPONSIVE (MOBILE)
================================ */
@media (max-width: 768px) {

    .studok-order-item {
        padding: 18px;
    }

    .studok-order-meta {
        gap: 8px;
    }

    .studok-order-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .studok-order-actions .button {
        width: 100%;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-177b598 *//* =========================================
   STUDENT CABINET - "МОЇ ЗАМОВЛЕННЯ" STYLE
   (WP Job Manager Dashboard)
   ========================================= */

/* Загальний контейнер dashboard */
#job-manager-job-dashboard{
  margin: 0 auto;
  padding: 22px;
  border-radius: 8px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
}

/* Верхня панель: пошук + кнопка */
#job-manager-job-dashboard .jm-dashboard__intro{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-bottom: 1px solid #e2e8f0;
}

/* Поле пошуку */
#job-manager-job-dashboard input[type="search"]{
  width: 320px;
  max-width: 100%;
  border: 1px solid #000000;
  background: #fff;
  border-radius: 12px;
  padding: 10px 12px;
  outline: none;
  transition: 0.2s ease;
  color: #000000;
}

#job-manager-job-dashboard input[type="search"]:focus{
  border-color: #22c55e;
  box-shadow: 0 0 0 4px rgba(34,197,94,0.15);
}

/* Кнопка "Створити замовлення" */
#job-manager-job-dashboard .jm-dashboard__actions a.jm-ui-button{
  background: #22c55e !important;
  color: #ffffff !important;
  border: 0 !important;
  border-radius: 12px !important;
  padding: 10px 16px !important;
  font-weight: 700;
  transition: 0.2s ease;
}

#job-manager-job-dashboard .jm-dashboard__actions a.jm-ui-button:hover{
  transform: translateY(-1px);
  opacity: 0.95;
}

/* Шапка таблиці */
#job-manager-job-dashboard .jm-dashboard-header{
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  padding: 12px 14px;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 10px;
}

/* Рядок замовлення */
#job-manager-job-dashboard .jm-dashboard-job{
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  padding: 14px;
  margin-bottom: 12px;
  transition: 0.2s ease;
}

#job-manager-job-dashboard .jm-dashboard-job:hover{
  box-shadow: 0 10px 22px rgba(0,0,0,0.06);
  transform: translateY(-1px);
}

/* Назва замовлення */
#job-manager-job-dashboard a.job-title{
  font-weight: 700;
  color: #0f172a;
  text-decoration: none;
}

#job-manager-job-dashboard a.job-title:hover{
  color: #16a34a;
  text-decoration: underline;
}

/* Статус "Активна" */
#job-manager-job-dashboard .job-status .job-status-publish{
  display: inline-block;
  margin-top: 6px;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 700;
  background: rgba(34,197,94,0.12);
  color: #16a34a;
}

/* Малі тексти (expires, views) */
#job-manager-job-dashboard small,
#job-manager-job-dashboard .job-expires{
  color: #64748b;
  font-size: 12px;
}

/* Кнопка "Відмітити закритою" */
#job-manager-job-dashboard .jm-ui-button--outline{
  border-radius: 12px !important;
  border: 1px solid #e2e8f0 !important;
  background: #ffffff !important;
  color: #0f172a !important;
  font-weight: 600;
  padding: 8px 12px !important;
  transition: 0.2s ease;
}

#job-manager-job-dashboard .jm-ui-button--outline:hover{
  border-color: #22c55e !important;
  color: #16a34a !important;
}

/* Меню "..." */
#job-manager-job-dashboard summary.jm-ui-action-menu__open-button{
  border-radius: 12px !important;
  border: 1px solid #e2e8f0 !important;
  background: #f8fafc !important;
  transition: 0.2s ease;
}

#job-manager-job-dashboard summary.jm-ui-action-menu__open-button:hover{
  border-color: #22c55e !important;
}

/* Випадаюче меню */
#job-manager-job-dashboard .jm-ui-action-menu__content{
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  background: #ffffff;
  box-shadow: 0 14px 30px rgba(0,0,0,0.08);
  padding: 10px;
}

/* Посилання в меню */
#job-manager-job-dashboard .jm-ui-action-menu__content a{
  display: block;
  padding: 8px 10px;
  border-radius: 10px;
  color: #0f172a;
  text-decoration: none;
  font-weight: 600;
}

#job-manager-job-dashboard .jm-ui-action-menu__content a:hover{
  background: #f1f5f9;
}

/* Адаптація під телефон */
@media (max-width: 768px){
  #job-manager-job-dashboard{
    padding: 14px;
  }

  #job-manager-job-dashboard .jm-dashboard__intro{
    flex-direction: column;
    align-items: stretch;
  }

  #job-manager-job-dashboard input[type="search"]{
    width: 100%;
  }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-fba4a0b *//* =========================================
   STUDENT CABINET - "МОЇ ЗАМОВЛЕННЯ" STYLE
   (WP Job Manager Dashboard)
   ========================================= */

/* Загальний контейнер dashboard */
#job-manager-job-dashboard{
  margin: 0 auto;
  padding: 22px;
  border-radius: 8px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
}

/* Верхня панель: пошук + кнопка */
#job-manager-job-dashboard .jm-dashboard__intro{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-bottom: 1px solid #e2e8f0;
}

/* Поле пошуку */
#job-manager-job-dashboard input[type="search"]{
  width: 320px;
  max-width: 100%;
  border: 1px solid #000000;
  background: #fff;
  border-radius: 12px;
  padding: 10px 12px;
  outline: none;
  transition: 0.2s ease;
  color: #000000;
}

#job-manager-job-dashboard input[type="search"]:focus{
  border-color: #22c55e;
  box-shadow: 0 0 0 4px rgba(34,197,94,0.15);
}

/* Кнопка "Створити замовлення" */
#job-manager-job-dashboard .jm-dashboard__actions a.jm-ui-button{
  background: #22c55e !important;
  color: #ffffff !important;
  border: 0 !important;
  border-radius: 12px !important;
  padding: 10px 16px !important;
  font-weight: 700;
  transition: 0.2s ease;
}

#job-manager-job-dashboard .jm-dashboard__actions a.jm-ui-button:hover{
  transform: translateY(-1px);
  opacity: 0.95;
}

/* Шапка таблиці */
#job-manager-job-dashboard .jm-dashboard-header{
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  padding: 12px 14px;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 10px;
}

/* Рядок замовлення */
#job-manager-job-dashboard .jm-dashboard-job{
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  padding: 14px;
  margin-bottom: 12px;
  transition: 0.2s ease;
}

#job-manager-job-dashboard .jm-dashboard-job:hover{
  box-shadow: 0 10px 22px rgba(0,0,0,0.06);
  transform: translateY(-1px);
}

/* Назва замовлення */
#job-manager-job-dashboard a.job-title{
  font-weight: 700;
  color: #0f172a;
  text-decoration: none;
}

#job-manager-job-dashboard a.job-title:hover{
  color: #16a34a;
  text-decoration: underline;
}

/* Статус "Активна" */
#job-manager-job-dashboard .job-status .job-status-publish{
  display: inline-block;
  margin-top: 6px;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 700;
  background: rgba(34,197,94,0.12);
  color: #16a34a;
}

/* Малі тексти (expires, views) */
#job-manager-job-dashboard small,
#job-manager-job-dashboard .job-expires{
  color: #64748b;
  font-size: 12px;
}

/* Кнопка "Відмітити закритою" */
#job-manager-job-dashboard .jm-ui-button--outline{
  border-radius: 12px !important;
  border: 1px solid #e2e8f0 !important;
  background: #ffffff !important;
  color: #0f172a !important;
  font-weight: 600;
  padding: 8px 12px !important;
  transition: 0.2s ease;
}

#job-manager-job-dashboard .jm-ui-button--outline:hover{
  border-color: #22c55e !important;
  color: #16a34a !important;
}

/* Меню "..." */
#job-manager-job-dashboard summary.jm-ui-action-menu__open-button{
  border-radius: 12px !important;
  border: 1px solid #e2e8f0 !important;
  background: #f8fafc !important;
  transition: 0.2s ease;
}

#job-manager-job-dashboard summary.jm-ui-action-menu__open-button:hover{
  border-color: #22c55e !important;
}

/* Випадаюче меню */
#job-manager-job-dashboard .jm-ui-action-menu__content{
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  background: #ffffff;
  box-shadow: 0 14px 30px rgba(0,0,0,0.08);
  padding: 10px;
}

/* Посилання в меню */
#job-manager-job-dashboard .jm-ui-action-menu__content a{
  display: block;
  padding: 8px 10px;
  border-radius: 10px;
  color: #0f172a;
  text-decoration: none;
  font-weight: 600;
}

#job-manager-job-dashboard .jm-ui-action-menu__content a:hover{
  background: #f1f5f9;
}

/* Адаптація під телефон */
@media (max-width: 768px){
  #job-manager-job-dashboard{
    padding: 14px;
  }

  #job-manager-job-dashboard .jm-dashboard__intro{
    flex-direction: column;
    align-items: stretch;
  }

  #job-manager-job-dashboard input[type="search"]{
    width: 100%;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-331c55f *//* ==============================
   DASHBOARD LAYOUT
================================ */
.studok-dashboard {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* ==============================
   ORDER CARD
================================ */
.studok-order-item {
    background: #ffffff;
    border-radius: 14px;
    padding: 22px;
    box-shadow: 0 8px 28px rgba(0,0,0,0.08);
    transition: transform .2s ease, box-shadow .2s ease;
}

.studok-order-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 36px rgba(0,0,0,0.12);
}

/* ==============================
   TITLE
================================ */
.studok-order-title,
.studok-order-item h3 {
    margin: 0 0 14px;
    font-size: 18px;
    font-weight: 600;
    color: #111827;
}

/* ==============================
   META (BADGES)
================================ */
.studok-order-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 14px;
}

.studok-order-meta span {
    background: #f3f4f6;
    padding: 6px 12px;
    border-radius: 999px;
    font-size: 13px;
    color: #374151;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    line-height: 1;
}

/* Highlighted meta */
.meta-budget {
    background: #ecfdf5;
    color: #065f46;
}

.meta-deadline {
    background: #fff7ed;
    color: #9a3412;
}

/* ==============================
   DESCRIPTION
================================ */
.studok-order-description {
    margin-top: 10px;
    font-size: 14px;
    color: #374151;
}

.studok-order-description strong {
    display: block;
    margin-bottom: 4px;
    color: #111827;
}

.studok-order-description p {
    margin: 0;
    line-height: 1.5;
}

/* ==============================
   FILES
================================ */
.studok-order-files {
    margin-top: 10px;
    font-size: 14px;
}

.studok-order-files a {
    color: #2563eb;
    font-weight: 500;
    text-decoration: underline;
}

/* ==============================
   ACTIONS
================================ */
.studok-order-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 18px;
    padding-top: 14px;
    border-top: 1px solid #e5e7eb;
}

.studok-order-actions .button {
    appearance: none;
    border: none;
    cursor: pointer;
    padding: 8px 16px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: all .15s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Default */
.studok-order-actions .button {
    background: #16a34a;
    color: #ffffff;
}

.studok-order-actions .button:hover {
    transform: translateY(-1px);
    filter: brightness(1.05);
}

/* Secondary */
.button.secondary {
    background: #e5e7eb;
    color: #111827;
}

/* Publish */
.button.publish {
    background: #2563eb;
    color: #ffffff;
}

/* Danger */
.button.danger {
    background: #dc2626;
    color: #ffffff;
}

/* ==============================
   RESPONSIVE (MOBILE)
================================ */
@media (max-width: 768px) {

    .studok-order-item {
        padding: 18px;
    }

    .studok-order-meta {
        gap: 8px;
    }

    .studok-order-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .studok-order-actions .button {
        width: 100%;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3d7ee6e *//* ==============================
   DASHBOARD LAYOUT
================================ */
.studok-dashboard {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* ==============================
   ORDER CARD
================================ */
.studok-order-item {
    background: #ffffff;
    border-radius: 14px;
    padding: 22px;
    box-shadow: 0 8px 28px rgba(0,0,0,0.08);
    transition: transform .2s ease, box-shadow .2s ease;
}

.studok-order-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 36px rgba(0,0,0,0.12);
}

/* ==============================
   TITLE
================================ */
.studok-order-title,
.studok-order-item h3 {
    margin: 0 0 14px;
    font-size: 18px;
    font-weight: 600;
    color: #111827;
}

/* ==============================
   META (BADGES)
================================ */
.studok-order-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 14px;
}

.studok-order-meta span {
    background: #f3f4f6;
    padding: 6px 12px;
    border-radius: 999px;
    font-size: 13px;
    color: #374151;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    line-height: 1;
}

/* Highlighted meta */
.meta-budget {
    background: #ecfdf5;
    color: #065f46;
}

.meta-deadline {
    background: #fff7ed;
    color: #9a3412;
}

/* ==============================
   DESCRIPTION
================================ */
.studok-order-description {
    margin-top: 10px;
    font-size: 14px;
    color: #374151;
}

.studok-order-description strong {
    display: block;
    margin-bottom: 4px;
    color: #111827;
}

.studok-order-description p {
    margin: 0;
    line-height: 1.5;
}

/* ==============================
   FILES
================================ */
.studok-order-files {
    margin-top: 10px;
    font-size: 14px;
}

.studok-order-files a {
    color: #2563eb;
    font-weight: 500;
    text-decoration: underline;
}

/* ==============================
   ACTIONS
================================ */
.studok-order-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 18px;
    padding-top: 14px;
    border-top: 1px solid #e5e7eb;
}

.studok-order-actions .button {
    appearance: none;
    border: none;
    cursor: pointer;
    padding: 8px 16px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: all .15s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Default */
.studok-order-actions .button {
    background: #16a34a;
    color: #ffffff;
}

.studok-order-actions .button:hover {
    transform: translateY(-1px);
    filter: brightness(1.05);
}

/* Secondary */
.button.secondary {
    background: #e5e7eb;
    color: #111827;
}

/* Publish */
.button.publish {
    background: #2563eb;
    color: #ffffff;
}

/* Danger */
.button.danger {
    background: #dc2626;
    color: #ffffff;
}

/* ==============================
   RESPONSIVE (MOBILE)
================================ */
@media (max-width: 768px) {

    .studok-order-item {
        padding: 18px;
    }

    .studok-order-meta {
        gap: 8px;
    }

    .studok-order-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .studok-order-actions .button {
        width: 100%;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-26dd4ac *//* ==============================
   DASHBOARD LAYOUT
================================ */
.studok-dashboard {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* ==============================
   ORDER CARD
================================ */
.studok-order-item {
    background: #ffffff;
    border-radius: 14px;
    padding: 22px;
    box-shadow: 0 8px 28px rgba(0,0,0,0.08);
    transition: transform .2s ease, box-shadow .2s ease;
}

.studok-order-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 36px rgba(0,0,0,0.12);
}

/* ==============================
   TITLE
================================ */
.studok-order-title,
.studok-order-item h3 {
    margin: 0 0 14px;
    font-size: 18px;
    font-weight: 600;
    color: #111827;
}

/* ==============================
   META (BADGES)
================================ */
.studok-order-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 14px;
}

.studok-order-meta span {
    background: #f3f4f6;
    padding: 6px 12px;
    border-radius: 999px;
    font-size: 13px;
    color: #374151;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    line-height: 1;
}

/* Highlighted meta */
.meta-budget {
    background: #ecfdf5;
    color: #065f46;
}

.meta-deadline {
    background: #fff7ed;
    color: #9a3412;
}

/* ==============================
   DESCRIPTION
================================ */
.studok-order-description {
    margin-top: 10px;
    font-size: 14px;
    color: #374151;
}

.studok-order-description strong {
    display: block;
    margin-bottom: 4px;
    color: #111827;
}

.studok-order-description p {
    margin: 0;
    line-height: 1.5;
}

/* ==============================
   FILES
================================ */
.studok-order-files {
    margin-top: 10px;
    font-size: 14px;
}

.studok-order-files a {
    color: #2563eb;
    font-weight: 500;
    text-decoration: underline;
}

/* ==============================
   ACTIONS
================================ */
.studok-order-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 18px;
    padding-top: 14px;
    border-top: 1px solid #e5e7eb;
}

.studok-order-actions .button {
    appearance: none;
    border: none;
    cursor: pointer;
    padding: 8px 16px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: all .15s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Default */
.studok-order-actions .button {
    background: #16a34a;
    color: #ffffff;
}

.studok-order-actions .button:hover {
    transform: translateY(-1px);
    filter: brightness(1.05);
}

/* Secondary */
.button.secondary {
    background: #e5e7eb;
    color: #111827;
}

/* Publish */
.button.publish {
    background: #2563eb;
    color: #ffffff;
}

/* Danger */
.button.danger {
    background: #dc2626;
    color: #ffffff;
}

/* ==============================
   RESPONSIVE (MOBILE)
================================ */
@media (max-width: 768px) {

    .studok-order-item {
        padding: 18px;
    }

    .studok-order-meta {
        gap: 8px;
    }

    .studok-order-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .studok-order-actions .button {
        width: 100%;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-6153366 *//* =========================================
   STUDENT CABINET - "МОЇ ЗАМОВЛЕННЯ" STYLE
   (WP Job Manager Dashboard)
   ========================================= */

/* Загальний контейнер dashboard */
#job-manager-job-dashboard{
  margin: 0 auto;
  padding: 22px;
  border-radius: 8px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
}

/* Верхня панель: пошук + кнопка */
#job-manager-job-dashboard .jm-dashboard__intro{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-bottom: 1px solid #e2e8f0;
}

/* Поле пошуку */
#job-manager-job-dashboard input[type="search"]{
  width: 320px;
  max-width: 100%;
  border: 1px solid #000000;
  background: #fff;
  border-radius: 12px;
  padding: 10px 12px;
  outline: none;
  transition: 0.2s ease;
  color: #000000;
}

#job-manager-job-dashboard input[type="search"]:focus{
  border-color: #22c55e;
  box-shadow: 0 0 0 4px rgba(34,197,94,0.15);
}

/* Кнопка "Створити замовлення" */
#job-manager-job-dashboard .jm-dashboard__actions a.jm-ui-button{
  background: #22c55e !important;
  color: #ffffff !important;
  border: 0 !important;
  border-radius: 12px !important;
  padding: 10px 16px !important;
  font-weight: 700;
  transition: 0.2s ease;
}

#job-manager-job-dashboard .jm-dashboard__actions a.jm-ui-button:hover{
  transform: translateY(-1px);
  opacity: 0.95;
}

/* Шапка таблиці */
#job-manager-job-dashboard .jm-dashboard-header{
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  padding: 12px 14px;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 10px;
}

/* Рядок замовлення */
#job-manager-job-dashboard .jm-dashboard-job{
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  padding: 14px;
  margin-bottom: 12px;
  transition: 0.2s ease;
}

#job-manager-job-dashboard .jm-dashboard-job:hover{
  box-shadow: 0 10px 22px rgba(0,0,0,0.06);
  transform: translateY(-1px);
}

/* Назва замовлення */
#job-manager-job-dashboard a.job-title{
  font-weight: 700;
  color: #0f172a;
  text-decoration: none;
}

#job-manager-job-dashboard a.job-title:hover{
  color: #16a34a;
  text-decoration: underline;
}

/* Статус "Активна" */
#job-manager-job-dashboard .job-status .job-status-publish{
  display: inline-block;
  margin-top: 6px;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 700;
  background: rgba(34,197,94,0.12);
  color: #16a34a;
}

/* Малі тексти (expires, views) */
#job-manager-job-dashboard small,
#job-manager-job-dashboard .job-expires{
  color: #64748b;
  font-size: 12px;
}

/* Кнопка "Відмітити закритою" */
#job-manager-job-dashboard .jm-ui-button--outline{
  border-radius: 12px !important;
  border: 1px solid #e2e8f0 !important;
  background: #ffffff !important;
  color: #0f172a !important;
  font-weight: 600;
  padding: 8px 12px !important;
  transition: 0.2s ease;
}

#job-manager-job-dashboard .jm-ui-button--outline:hover{
  border-color: #22c55e !important;
  color: #16a34a !important;
}

/* Меню "..." */
#job-manager-job-dashboard summary.jm-ui-action-menu__open-button{
  border-radius: 12px !important;
  border: 1px solid #e2e8f0 !important;
  background: #f8fafc !important;
  transition: 0.2s ease;
}

#job-manager-job-dashboard summary.jm-ui-action-menu__open-button:hover{
  border-color: #22c55e !important;
}

/* Випадаюче меню */
#job-manager-job-dashboard .jm-ui-action-menu__content{
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  background: #ffffff;
  box-shadow: 0 14px 30px rgba(0,0,0,0.08);
  padding: 10px;
}

/* Посилання в меню */
#job-manager-job-dashboard .jm-ui-action-menu__content a{
  display: block;
  padding: 8px 10px;
  border-radius: 10px;
  color: #0f172a;
  text-decoration: none;
  font-weight: 600;
}

#job-manager-job-dashboard .jm-ui-action-menu__content a:hover{
  background: #f1f5f9;
}

/* Адаптація під телефон */
@media (max-width: 768px){
  #job-manager-job-dashboard{
    padding: 14px;
  }

  #job-manager-job-dashboard .jm-dashboard__intro{
    flex-direction: column;
    align-items: stretch;
  }

  #job-manager-job-dashboard input[type="search"]{
    width: 100%;
  }
}


/* =====================================
   STUDOK — ACCOUNT CENTER PREMIUM STYLE
===================================== */


/* MAIN CONTAINER */

.um.um-account {

    background: #ffffff;
    padding: 32px !important;

    border-radius: 16px !important;

    box-shadow: 
        0 10px 30px rgba(0,0,0,0.05),
        0 2px 6px rgba(0,0,0,0.04);


}


/* AVATAR */

.um-account-meta-img img {

    width: 90px !important;
    height: 90px !important;

    border-radius: 50% !important;

    border: 4px solid #ecfdf5;

    box-shadow: 0 5px 15px rgba(0,0,0,0.08);

}


/* USERNAME */

.um-account-name a {

    font-size: 14px !important;
    font-weight: 600 !important;

    color: #111827 !important;

}


/* PROFILE LINK */

.um-account-profile-link a {

    color: #22c55e !important;

    font-weight: 500 !important;

}


/* FIELD CONTAINER */

.um-field {

    margin-bottom: 20px !important;

}


/* LABEL */

.um-field-label label {

    font-size: 14px !important;

    font-weight: 600 !important;

    color: #374151 !important;

    margin-bottom: 6px !important;

}


/* INPUT */

.um-form-field {

    height: 44px !important;

    border-radius: 10px !important;

    border: 1px solid #e5e7eb !important;

    padding: 0 14px !important;

    font-size: 15px !important;

    transition: all 0.2s ease;

}


/* INPUT HOVER */

.um-form-field:hover {

    border-color: #22c55e !important;

}


/* INPUT FOCUS */

.um-form-field:focus {

    border-color: #22c55e !important;

    box-shadow: 0 0 0 3px rgba(34,197,94,0.15);

    outline: none !important;

}


/* BUTTON */

.um-button {

    background: linear-gradient(135deg,#22c55e,#16a34a) !important;

    border: none !important;

    color: white !important;

    height: 44px;

    padding: 0 24px !important;

    border-radius: 10px !important;

    font-weight: 600 !important;

    box-shadow: 0 6px 18px rgba(34,197,94,0.25);

    transition: all 0.25s ease;

}


/* BUTTON HOVER */

.um-button:hover {

    transform: translateY(-2px);

    box-shadow: 0 10px 22px rgba(34,197,94,0.35);

}


/* HEADING */

.um-account-heading {

    font-size: 20px !important;

    font-weight: 600 !important;

    margin-bottom: 24px !important;

    color: #111827;

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ab2dc26 *//* ==============================
   DASHBOARD LAYOUT
================================ */
.studok-dashboard {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* ==============================
   ORDER CARD
================================ */
.studok-order-item {
    background: #ffffff;
    border-radius: 14px;
    padding: 22px;
    box-shadow: 0 8px 28px rgba(0,0,0,0.08);
    transition: transform .2s ease, box-shadow .2s ease;
}

.studok-order-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 36px rgba(0,0,0,0.12);
}

/* ==============================
   TITLE
================================ */
.studok-order-title,
.studok-order-item h3 {
    margin: 0 0 14px;
    font-size: 18px;
    font-weight: 600;
    color: #111827;
}

/* ==============================
   META (BADGES)
================================ */
.studok-order-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 14px;
}

.studok-order-meta span {
    background: #f3f4f6;
    padding: 6px 12px;
    border-radius: 999px;
    font-size: 13px;
    color: #374151;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    line-height: 1;
}

/* Highlighted meta */
.meta-budget {
    background: #ecfdf5;
    color: #065f46;
}

.meta-deadline {
    background: #fff7ed;
    color: #9a3412;
}

/* ==============================
   DESCRIPTION
================================ */
.studok-order-description {
    margin-top: 10px;
    font-size: 14px;
    color: #374151;
}

.studok-order-description strong {
    display: block;
    margin-bottom: 4px;
    color: #111827;
}

.studok-order-description p {
    margin: 0;
    line-height: 1.5;
}

/* ==============================
   FILES
================================ */
.studok-order-files {
    margin-top: 10px;
    font-size: 14px;
}

.studok-order-files a {
    color: #2563eb;
    font-weight: 500;
    text-decoration: underline;
}

/* ==============================
   ACTIONS
================================ */
.studok-order-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 18px;
    padding-top: 14px;
    border-top: 1px solid #e5e7eb;
}

.studok-order-actions .button {
    appearance: none;
    border: none;
    cursor: pointer;
    padding: 8px 16px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: all .15s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Default */
.studok-order-actions .button {
    background: #16a34a;
    color: #ffffff;
}

.studok-order-actions .button:hover {
    transform: translateY(-1px);
    filter: brightness(1.05);
}

/* Secondary */
.button.secondary {
    background: #e5e7eb;
    color: #111827;
}

/* Publish */
.button.publish {
    background: #2563eb;
    color: #ffffff;
}

/* Danger */
.button.danger {
    background: #dc2626;
    color: #ffffff;
}

/* ==============================
   RESPONSIVE (MOBILE)
================================ */
@media (max-width: 768px) {

    .studok-order-item {
        padding: 18px;
    }

    .studok-order-meta {
        gap: 8px;
    }

    .studok-order-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .studok-order-actions .button {
        width: 100%;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-4f27b96 *//* =========================================
   STUDENT CABINET - "МОЇ ЗАМОВЛЕННЯ" STYLE
   (WP Job Manager Dashboard)
   ========================================= */

/* Загальний контейнер dashboard */
#job-manager-job-dashboard{
  margin: 0 auto;
  padding: 22px;
  border-radius: 8px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
}

/* Верхня панель: пошук + кнопка */
#job-manager-job-dashboard .jm-dashboard__intro{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-bottom: 1px solid #e2e8f0;
}

/* Поле пошуку */
#job-manager-job-dashboard input[type="search"]{
  width: 320px;
  max-width: 100%;
  border: 1px solid #000000;
  background: #fff;
  border-radius: 12px;
  padding: 10px 12px;
  outline: none;
  transition: 0.2s ease;
  color: #000000;
}

#job-manager-job-dashboard input[type="search"]:focus{
  border-color: #22c55e;
  box-shadow: 0 0 0 4px rgba(34,197,94,0.15);
}

/* Кнопка "Створити замовлення" */
#job-manager-job-dashboard .jm-dashboard__actions a.jm-ui-button{
  background: #22c55e !important;
  color: #ffffff !important;
  border: 0 !important;
  border-radius: 12px !important;
  padding: 10px 16px !important;
  font-weight: 700;
  transition: 0.2s ease;
}

#job-manager-job-dashboard .jm-dashboard__actions a.jm-ui-button:hover{
  transform: translateY(-1px);
  opacity: 0.95;
}

/* Шапка таблиці */
#job-manager-job-dashboard .jm-dashboard-header{
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  padding: 12px 14px;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 10px;
}

/* Рядок замовлення */
#job-manager-job-dashboard .jm-dashboard-job{
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  padding: 14px;
  margin-bottom: 12px;
  transition: 0.2s ease;
}

#job-manager-job-dashboard .jm-dashboard-job:hover{
  box-shadow: 0 10px 22px rgba(0,0,0,0.06);
  transform: translateY(-1px);
}

/* Назва замовлення */
#job-manager-job-dashboard a.job-title{
  font-weight: 700;
  color: #0f172a;
  text-decoration: none;
}

#job-manager-job-dashboard a.job-title:hover{
  color: #16a34a;
  text-decoration: underline;
}

/* Статус "Активна" */
#job-manager-job-dashboard .job-status .job-status-publish{
  display: inline-block;
  margin-top: 6px;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 700;
  background: rgba(34,197,94,0.12);
  color: #16a34a;
}

/* Малі тексти (expires, views) */
#job-manager-job-dashboard small,
#job-manager-job-dashboard .job-expires{
  color: #64748b;
  font-size: 12px;
}

/* Кнопка "Відмітити закритою" */
#job-manager-job-dashboard .jm-ui-button--outline{
  border-radius: 12px !important;
  border: 1px solid #e2e8f0 !important;
  background: #ffffff !important;
  color: #0f172a !important;
  font-weight: 600;
  padding: 8px 12px !important;
  transition: 0.2s ease;
}

#job-manager-job-dashboard .jm-ui-button--outline:hover{
  border-color: #22c55e !important;
  color: #16a34a !important;
}

/* Меню "..." */
#job-manager-job-dashboard summary.jm-ui-action-menu__open-button{
  border-radius: 12px !important;
  border: 1px solid #e2e8f0 !important;
  background: #f8fafc !important;
  transition: 0.2s ease;
}

#job-manager-job-dashboard summary.jm-ui-action-menu__open-button:hover{
  border-color: #22c55e !important;
}

/* Випадаюче меню */
#job-manager-job-dashboard .jm-ui-action-menu__content{
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  background: #ffffff;
  box-shadow: 0 14px 30px rgba(0,0,0,0.08);
  padding: 10px;
}

/* Посилання в меню */
#job-manager-job-dashboard .jm-ui-action-menu__content a{
  display: block;
  padding: 8px 10px;
  border-radius: 10px;
  color: #0f172a;
  text-decoration: none;
  font-weight: 600;
}

#job-manager-job-dashboard .jm-ui-action-menu__content a:hover{
  background: #f1f5f9;
}

/* Адаптація під телефон */
@media (max-width: 768px){
  #job-manager-job-dashboard{
    padding: 14px;
  }

  #job-manager-job-dashboard .jm-dashboard__intro{
    flex-direction: column;
    align-items: stretch;
  }

  #job-manager-job-dashboard input[type="search"]{
    width: 100%;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d2aa878 *//* ==============================
   DASHBOARD LAYOUT
================================ */
.studok-dashboard {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* ==============================
   ORDER CARD
================================ */
.studok-order-item {
    background: #ffffff;
    border-radius: 14px;
    padding: 22px;
    box-shadow: 0 8px 28px rgba(0,0,0,0.08);
    transition: transform .2s ease, box-shadow .2s ease;
}

.studok-order-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 36px rgba(0,0,0,0.12);
}

/* ==============================
   TITLE
================================ */
.studok-order-title,
.studok-order-item h3 {
    margin: 0 0 14px;
    font-size: 18px;
    font-weight: 600;
    color: #111827;
}

/* ==============================
   META (BADGES)
================================ */
.studok-order-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 14px;
}

.studok-order-meta span {
    background: #f3f4f6;
    padding: 6px 12px;
    border-radius: 999px;
    font-size: 13px;
    color: #374151;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    line-height: 1;
}

/* Highlighted meta */
.meta-budget {
    background: #ecfdf5;
    color: #065f46;
}

.meta-deadline {
    background: #fff7ed;
    color: #9a3412;
}

/* ==============================
   DESCRIPTION
================================ */
.studok-order-description {
    margin-top: 10px;
    font-size: 14px;
    color: #374151;
}

.studok-order-description strong {
    display: block;
    margin-bottom: 4px;
    color: #111827;
}

.studok-order-description p {
    margin: 0;
    line-height: 1.5;
}

/* ==============================
   FILES
================================ */
.studok-order-files {
    margin-top: 10px;
    font-size: 14px;
}

.studok-order-files a {
    color: #2563eb;
    font-weight: 500;
    text-decoration: underline;
}

/* ==============================
   ACTIONS
================================ */
.studok-order-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 18px;
    padding-top: 14px;
    border-top: 1px solid #e5e7eb;
}

.studok-order-actions .button {
    appearance: none;
    border: none;
    cursor: pointer;
    padding: 8px 16px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: all .15s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Default */
.studok-order-actions .button {
    background: #16a34a;
    color: #ffffff;
}

.studok-order-actions .button:hover {
    transform: translateY(-1px);
    filter: brightness(1.05);
}

/* Secondary */
.button.secondary {
    background: #e5e7eb;
    color: #111827;
}

/* Publish */
.button.publish {
    background: #2563eb;
    color: #ffffff;
}

/* Danger */
.button.danger {
    background: #dc2626;
    color: #ffffff;
}

/* ==============================
   RESPONSIVE (MOBILE)
================================ */
@media (max-width: 768px) {

    .studok-order-item {
        padding: 18px;
    }

    .studok-order-meta {
        gap: 8px;
    }

    .studok-order-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .studok-order-actions .button {
        width: 100%;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-6c7ae26 *//* =========================================
   STUDENT CABINET - "МОЇ ЗАМОВЛЕННЯ" STYLE
   (WP Job Manager Dashboard)
   ========================================= */

/* Загальний контейнер dashboard */
#job-manager-job-dashboard{
  margin: 0 auto;
  padding: 22px;
  border-radius: 8px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
}

/* Верхня панель: пошук + кнопка */
#job-manager-job-dashboard .jm-dashboard__intro{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-bottom: 1px solid #e2e8f0;
}

/* Поле пошуку */
#job-manager-job-dashboard input[type="search"]{
  width: 320px;
  max-width: 100%;
  border: 1px solid #000000;
  background: #fff;
  border-radius: 12px;
  padding: 10px 12px;
  outline: none;
  transition: 0.2s ease;
  color: #000000;
}

#job-manager-job-dashboard input[type="search"]:focus{
  border-color: #22c55e;
  box-shadow: 0 0 0 4px rgba(34,197,94,0.15);
}

/* Кнопка "Створити замовлення" */
#job-manager-job-dashboard .jm-dashboard__actions a.jm-ui-button{
  background: #22c55e !important;
  color: #ffffff !important;
  border: 0 !important;
  border-radius: 12px !important;
  padding: 10px 16px !important;
  font-weight: 700;
  transition: 0.2s ease;
}

#job-manager-job-dashboard .jm-dashboard__actions a.jm-ui-button:hover{
  transform: translateY(-1px);
  opacity: 0.95;
}

/* Шапка таблиці */
#job-manager-job-dashboard .jm-dashboard-header{
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  padding: 12px 14px;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 10px;
}

/* Рядок замовлення */
#job-manager-job-dashboard .jm-dashboard-job{
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  padding: 14px;
  margin-bottom: 12px;
  transition: 0.2s ease;
}

#job-manager-job-dashboard .jm-dashboard-job:hover{
  box-shadow: 0 10px 22px rgba(0,0,0,0.06);
  transform: translateY(-1px);
}

/* Назва замовлення */
#job-manager-job-dashboard a.job-title{
  font-weight: 700;
  color: #0f172a;
  text-decoration: none;
}

#job-manager-job-dashboard a.job-title:hover{
  color: #16a34a;
  text-decoration: underline;
}

/* Статус "Активна" */
#job-manager-job-dashboard .job-status .job-status-publish{
  display: inline-block;
  margin-top: 6px;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 700;
  background: rgba(34,197,94,0.12);
  color: #16a34a;
}

/* Малі тексти (expires, views) */
#job-manager-job-dashboard small,
#job-manager-job-dashboard .job-expires{
  color: #64748b;
  font-size: 12px;
}

/* Кнопка "Відмітити закритою" */
#job-manager-job-dashboard .jm-ui-button--outline{
  border-radius: 12px !important;
  border: 1px solid #e2e8f0 !important;
  background: #ffffff !important;
  color: #0f172a !important;
  font-weight: 600;
  padding: 8px 12px !important;
  transition: 0.2s ease;
}

#job-manager-job-dashboard .jm-ui-button--outline:hover{
  border-color: #22c55e !important;
  color: #16a34a !important;
}

/* Меню "..." */
#job-manager-job-dashboard summary.jm-ui-action-menu__open-button{
  border-radius: 12px !important;
  border: 1px solid #e2e8f0 !important;
  background: #f8fafc !important;
  transition: 0.2s ease;
}

#job-manager-job-dashboard summary.jm-ui-action-menu__open-button:hover{
  border-color: #22c55e !important;
}

/* Випадаюче меню */
#job-manager-job-dashboard .jm-ui-action-menu__content{
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  background: #ffffff;
  box-shadow: 0 14px 30px rgba(0,0,0,0.08);
  padding: 10px;
}

/* Посилання в меню */
#job-manager-job-dashboard .jm-ui-action-menu__content a{
  display: block;
  padding: 8px 10px;
  border-radius: 10px;
  color: #0f172a;
  text-decoration: none;
  font-weight: 600;
}

#job-manager-job-dashboard .jm-ui-action-menu__content a:hover{
  background: #f1f5f9;
}

/* Адаптація під телефон */
@media (max-width: 768px){
  #job-manager-job-dashboard{
    padding: 14px;
  }

  #job-manager-job-dashboard .jm-dashboard__intro{
    flex-direction: column;
    align-items: stretch;
  }

  #job-manager-job-dashboard input[type="search"]{
    width: 100%;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4e98d1d *//* ==============================
   DASHBOARD LAYOUT
================================ */
.studok-dashboard {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* ==============================
   ORDER CARD
================================ */
.studok-order-item {
    background: #ffffff;
    border-radius: 14px;
    padding: 22px;
    box-shadow: 0 8px 28px rgba(0,0,0,0.08);
    transition: transform .2s ease, box-shadow .2s ease;
}

.studok-order-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 36px rgba(0,0,0,0.12);
}

/* ==============================
   TITLE
================================ */
.studok-order-title,
.studok-order-item h3 {
    margin: 0 0 14px;
    font-size: 18px;
    font-weight: 600;
    color: #111827;
}

/* ==============================
   META (BADGES)
================================ */
.studok-order-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 14px;
}

.studok-order-meta span {
    background: #f3f4f6;
    padding: 6px 12px;
    border-radius: 999px;
    font-size: 13px;
    color: #374151;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    line-height: 1;
}

/* Highlighted meta */
.meta-budget {
    background: #ecfdf5;
    color: #065f46;
}

.meta-deadline {
    background: #fff7ed;
    color: #9a3412;
}

/* ==============================
   DESCRIPTION
================================ */
.studok-order-description {
    margin-top: 10px;
    font-size: 14px;
    color: #374151;
}

.studok-order-description strong {
    display: block;
    margin-bottom: 4px;
    color: #111827;
}

.studok-order-description p {
    margin: 0;
    line-height: 1.5;
}

/* ==============================
   FILES
================================ */
.studok-order-files {
    margin-top: 10px;
    font-size: 14px;
}

.studok-order-files a {
    color: #2563eb;
    font-weight: 500;
    text-decoration: underline;
}

/* ==============================
   ACTIONS
================================ */
.studok-order-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 18px;
    padding-top: 14px;
    border-top: 1px solid #e5e7eb;
}

.studok-order-actions .button {
    appearance: none;
    border: none;
    cursor: pointer;
    padding: 8px 16px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: all .15s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Default */
.studok-order-actions .button {
    background: #16a34a;
    color: #ffffff;
}

.studok-order-actions .button:hover {
    transform: translateY(-1px);
    filter: brightness(1.05);
}

/* Secondary */
.button.secondary {
    background: #e5e7eb;
    color: #111827;
}

/* Publish */
.button.publish {
    background: #2563eb;
    color: #ffffff;
}

/* Danger */
.button.danger {
    background: #dc2626;
    color: #ffffff;
}

/* ==============================
   RESPONSIVE (MOBILE)
================================ */
@media (max-width: 768px) {

    .studok-order-item {
        padding: 18px;
    }

    .studok-order-meta {
        gap: 8px;
    }

    .studok-order-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .studok-order-actions .button {
        width: 100%;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7f4dd84 */.studok-executors-list{
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(320px,1fr));
    gap:24px;
    margin-top:30px;
}

.studok-executor-card{
    background:#ffffff;
    border-radius:20px;
    padding:25px;
    box-shadow:0 10px 30px rgba(0,0,0,0.05);
    transition:all 0.3s ease;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
}

.studok-executor-card:hover{
    transform:translateY(-6px);
    box-shadow:0 15px 40px rgba(0,0,0,0.08);
}

.studok-executor-header{
    display:flex;
    align-items:center;
    gap:15px;
    margin-bottom:15px;
}

.studok-executor-header img{
    border-radius:50%;
    border:3px solid #2ecc71;
}

.studok-executor-info h3{
    margin:0;
    font-size:18px;
    font-weight:600;
    color:#222;
}

.studok-executor-meta{
    font-size:14px;
    color:#555;
    line-height:1.6;
    margin-bottom:20px;
}

.studok-executor-meta span{
    font-weight:600;
    color:#000;
}

.studok-executor-actions{
    display:flex;
    gap:12px;
    flex-wrap:wrap;
}

.studok-btn33{
    padding:10px 18px;
    border-radius:30px;
    text-decoration:none;
    font-size:14px;
    font-weight:500;
    transition:0.3s;
    display:inline-block;
}

.studok-btn-outline{
    border:2px solid #2ecc71;
    color:#2ecc71;
}

.studok-btn-outline:hover{
    background:#2ecc71;
    color:#fff;
}

.studok-btn-primary{
    background:#ff1a1a;
    color:#fff;
}

.studok-btn-primary:hover{
    background:#d41414;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7d23955 *//* ==============================
   DASHBOARD LAYOUT
================================ */
.studok-dashboard {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* ==============================
   ORDER CARD
================================ */
.studok-order-item {
    background: #ffffff;
    border-radius: 14px;
    padding: 22px;
    box-shadow: 0 8px 28px rgba(0,0,0,0.08);
    transition: transform .2s ease, box-shadow .2s ease;
}

.studok-order-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 36px rgba(0,0,0,0.12);
}

/* ==============================
   TITLE
================================ */
.studok-order-title,
.studok-order-item h3 {
    margin: 0 0 14px;
    font-size: 18px;
    font-weight: 600;
    color: #111827;
}

/* ==============================
   META (BADGES)
================================ */
.studok-order-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 14px;
}

.studok-order-meta span {
    background: #f3f4f6;
    padding: 6px 12px;
    border-radius: 999px;
    font-size: 13px;
    color: #374151;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    line-height: 1;
}

/* Highlighted meta */
.meta-budget {
    background: #ecfdf5;
    color: #065f46;
}

.meta-deadline {
    background: #fff7ed;
    color: #9a3412;
}

/* ==============================
   DESCRIPTION
================================ */
.studok-order-description {
    margin-top: 10px;
    font-size: 14px;
    color: #374151;
}

.studok-order-description strong {
    display: block;
    margin-bottom: 4px;
    color: #111827;
}

.studok-order-description p {
    margin: 0;
    line-height: 1.5;
}

/* ==============================
   FILES
================================ */
.studok-order-files {
    margin-top: 10px;
    font-size: 14px;
}

.studok-order-files a {
    color: #2563eb;
    font-weight: 500;
    text-decoration: underline;
}

/* ==============================
   ACTIONS
================================ */
.studok-order-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 18px;
    padding-top: 14px;
    border-top: 1px solid #e5e7eb;
}

.studok-order-actions .button {
    appearance: none;
    border: none;
    cursor: pointer;
    padding: 8px 16px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: all .15s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Default */
.studok-order-actions .button {
    background: #16a34a;
    color: #ffffff;
}

.studok-order-actions .button:hover {
    transform: translateY(-1px);
    filter: brightness(1.05);
}

/* Secondary */
.button.secondary {
    background: #e5e7eb;
    color: #111827;
}

/* Publish */
.button.publish {
    background: #2563eb;
    color: #ffffff;
}

/* Danger */
.button.danger {
    background: #dc2626;
    color: #ffffff;
}

/* ==============================
   RESPONSIVE (MOBILE)
================================ */
@media (max-width: 768px) {

    .studok-order-item {
        padding: 18px;
    }

    .studok-order-meta {
        gap: 8px;
    }

    .studok-order-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .studok-order-actions .button {
        width: 100%;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-177b598 *//* =========================================
   STUDENT CABINET - "МОЇ ЗАМОВЛЕННЯ" STYLE
   (WP Job Manager Dashboard)
   ========================================= */

/* Загальний контейнер dashboard */
#job-manager-job-dashboard{
  margin: 0 auto;
  padding: 22px;
  border-radius: 8px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
}

/* Верхня панель: пошук + кнопка */
#job-manager-job-dashboard .jm-dashboard__intro{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-bottom: 1px solid #e2e8f0;
}

/* Поле пошуку */
#job-manager-job-dashboard input[type="search"]{
  width: 320px;
  max-width: 100%;
  border: 1px solid #000000;
  background: #fff;
  border-radius: 12px;
  padding: 10px 12px;
  outline: none;
  transition: 0.2s ease;
  color: #000000;
}

#job-manager-job-dashboard input[type="search"]:focus{
  border-color: #22c55e;
  box-shadow: 0 0 0 4px rgba(34,197,94,0.15);
}

/* Кнопка "Створити замовлення" */
#job-manager-job-dashboard .jm-dashboard__actions a.jm-ui-button{
  background: #22c55e !important;
  color: #ffffff !important;
  border: 0 !important;
  border-radius: 12px !important;
  padding: 10px 16px !important;
  font-weight: 700;
  transition: 0.2s ease;
}

#job-manager-job-dashboard .jm-dashboard__actions a.jm-ui-button:hover{
  transform: translateY(-1px);
  opacity: 0.95;
}

/* Шапка таблиці */
#job-manager-job-dashboard .jm-dashboard-header{
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  padding: 12px 14px;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 10px;
}

/* Рядок замовлення */
#job-manager-job-dashboard .jm-dashboard-job{
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  padding: 14px;
  margin-bottom: 12px;
  transition: 0.2s ease;
}

#job-manager-job-dashboard .jm-dashboard-job:hover{
  box-shadow: 0 10px 22px rgba(0,0,0,0.06);
  transform: translateY(-1px);
}

/* Назва замовлення */
#job-manager-job-dashboard a.job-title{
  font-weight: 700;
  color: #0f172a;
  text-decoration: none;
}

#job-manager-job-dashboard a.job-title:hover{
  color: #16a34a;
  text-decoration: underline;
}

/* Статус "Активна" */
#job-manager-job-dashboard .job-status .job-status-publish{
  display: inline-block;
  margin-top: 6px;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 700;
  background: rgba(34,197,94,0.12);
  color: #16a34a;
}

/* Малі тексти (expires, views) */
#job-manager-job-dashboard small,
#job-manager-job-dashboard .job-expires{
  color: #64748b;
  font-size: 12px;
}

/* Кнопка "Відмітити закритою" */
#job-manager-job-dashboard .jm-ui-button--outline{
  border-radius: 12px !important;
  border: 1px solid #e2e8f0 !important;
  background: #ffffff !important;
  color: #0f172a !important;
  font-weight: 600;
  padding: 8px 12px !important;
  transition: 0.2s ease;
}

#job-manager-job-dashboard .jm-ui-button--outline:hover{
  border-color: #22c55e !important;
  color: #16a34a !important;
}

/* Меню "..." */
#job-manager-job-dashboard summary.jm-ui-action-menu__open-button{
  border-radius: 12px !important;
  border: 1px solid #e2e8f0 !important;
  background: #f8fafc !important;
  transition: 0.2s ease;
}

#job-manager-job-dashboard summary.jm-ui-action-menu__open-button:hover{
  border-color: #22c55e !important;
}

/* Випадаюче меню */
#job-manager-job-dashboard .jm-ui-action-menu__content{
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  background: #ffffff;
  box-shadow: 0 14px 30px rgba(0,0,0,0.08);
  padding: 10px;
}

/* Посилання в меню */
#job-manager-job-dashboard .jm-ui-action-menu__content a{
  display: block;
  padding: 8px 10px;
  border-radius: 10px;
  color: #0f172a;
  text-decoration: none;
  font-weight: 600;
}

#job-manager-job-dashboard .jm-ui-action-menu__content a:hover{
  background: #f1f5f9;
}

/* Адаптація під телефон */
@media (max-width: 768px){
  #job-manager-job-dashboard{
    padding: 14px;
  }

  #job-manager-job-dashboard .jm-dashboard__intro{
    flex-direction: column;
    align-items: stretch;
  }

  #job-manager-job-dashboard input[type="search"]{
    width: 100%;
  }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-fba4a0b *//* =========================================
   STUDENT CABINET - "МОЇ ЗАМОВЛЕННЯ" STYLE
   (WP Job Manager Dashboard)
   ========================================= */

/* Загальний контейнер dashboard */
#job-manager-job-dashboard{
  margin: 0 auto;
  padding: 22px;
  border-radius: 8px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
}

/* Верхня панель: пошук + кнопка */
#job-manager-job-dashboard .jm-dashboard__intro{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-bottom: 1px solid #e2e8f0;
}

/* Поле пошуку */
#job-manager-job-dashboard input[type="search"]{
  width: 320px;
  max-width: 100%;
  border: 1px solid #000000;
  background: #fff;
  border-radius: 12px;
  padding: 10px 12px;
  outline: none;
  transition: 0.2s ease;
  color: #000000;
}

#job-manager-job-dashboard input[type="search"]:focus{
  border-color: #22c55e;
  box-shadow: 0 0 0 4px rgba(34,197,94,0.15);
}

/* Кнопка "Створити замовлення" */
#job-manager-job-dashboard .jm-dashboard__actions a.jm-ui-button{
  background: #22c55e !important;
  color: #ffffff !important;
  border: 0 !important;
  border-radius: 12px !important;
  padding: 10px 16px !important;
  font-weight: 700;
  transition: 0.2s ease;
}

#job-manager-job-dashboard .jm-dashboard__actions a.jm-ui-button:hover{
  transform: translateY(-1px);
  opacity: 0.95;
}

/* Шапка таблиці */
#job-manager-job-dashboard .jm-dashboard-header{
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  padding: 12px 14px;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 10px;
}

/* Рядок замовлення */
#job-manager-job-dashboard .jm-dashboard-job{
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  padding: 14px;
  margin-bottom: 12px;
  transition: 0.2s ease;
}

#job-manager-job-dashboard .jm-dashboard-job:hover{
  box-shadow: 0 10px 22px rgba(0,0,0,0.06);
  transform: translateY(-1px);
}

/* Назва замовлення */
#job-manager-job-dashboard a.job-title{
  font-weight: 700;
  color: #0f172a;
  text-decoration: none;
}

#job-manager-job-dashboard a.job-title:hover{
  color: #16a34a;
  text-decoration: underline;
}

/* Статус "Активна" */
#job-manager-job-dashboard .job-status .job-status-publish{
  display: inline-block;
  margin-top: 6px;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 700;
  background: rgba(34,197,94,0.12);
  color: #16a34a;
}

/* Малі тексти (expires, views) */
#job-manager-job-dashboard small,
#job-manager-job-dashboard .job-expires{
  color: #64748b;
  font-size: 12px;
}

/* Кнопка "Відмітити закритою" */
#job-manager-job-dashboard .jm-ui-button--outline{
  border-radius: 12px !important;
  border: 1px solid #e2e8f0 !important;
  background: #ffffff !important;
  color: #0f172a !important;
  font-weight: 600;
  padding: 8px 12px !important;
  transition: 0.2s ease;
}

#job-manager-job-dashboard .jm-ui-button--outline:hover{
  border-color: #22c55e !important;
  color: #16a34a !important;
}

/* Меню "..." */
#job-manager-job-dashboard summary.jm-ui-action-menu__open-button{
  border-radius: 12px !important;
  border: 1px solid #e2e8f0 !important;
  background: #f8fafc !important;
  transition: 0.2s ease;
}

#job-manager-job-dashboard summary.jm-ui-action-menu__open-button:hover{
  border-color: #22c55e !important;
}

/* Випадаюче меню */
#job-manager-job-dashboard .jm-ui-action-menu__content{
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  background: #ffffff;
  box-shadow: 0 14px 30px rgba(0,0,0,0.08);
  padding: 10px;
}

/* Посилання в меню */
#job-manager-job-dashboard .jm-ui-action-menu__content a{
  display: block;
  padding: 8px 10px;
  border-radius: 10px;
  color: #0f172a;
  text-decoration: none;
  font-weight: 600;
}

#job-manager-job-dashboard .jm-ui-action-menu__content a:hover{
  background: #f1f5f9;
}

/* Адаптація під телефон */
@media (max-width: 768px){
  #job-manager-job-dashboard{
    padding: 14px;
  }

  #job-manager-job-dashboard .jm-dashboard__intro{
    flex-direction: column;
    align-items: stretch;
  }

  #job-manager-job-dashboard input[type="search"]{
    width: 100%;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-331c55f *//* ==============================
   DASHBOARD LAYOUT
================================ */
.studok-dashboard {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* ==============================
   ORDER CARD
================================ */
.studok-order-item {
    background: #ffffff;
    border-radius: 14px;
    padding: 22px;
    box-shadow: 0 8px 28px rgba(0,0,0,0.08);
    transition: transform .2s ease, box-shadow .2s ease;
}

.studok-order-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 36px rgba(0,0,0,0.12);
}

/* ==============================
   TITLE
================================ */
.studok-order-title,
.studok-order-item h3 {
    margin: 0 0 14px;
    font-size: 18px;
    font-weight: 600;
    color: #111827;
}

/* ==============================
   META (BADGES)
================================ */
.studok-order-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 14px;
}

.studok-order-meta span {
    background: #f3f4f6;
    padding: 6px 12px;
    border-radius: 999px;
    font-size: 13px;
    color: #374151;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    line-height: 1;
}

/* Highlighted meta */
.meta-budget {
    background: #ecfdf5;
    color: #065f46;
}

.meta-deadline {
    background: #fff7ed;
    color: #9a3412;
}

/* ==============================
   DESCRIPTION
================================ */
.studok-order-description {
    margin-top: 10px;
    font-size: 14px;
    color: #374151;
}

.studok-order-description strong {
    display: block;
    margin-bottom: 4px;
    color: #111827;
}

.studok-order-description p {
    margin: 0;
    line-height: 1.5;
}

/* ==============================
   FILES
================================ */
.studok-order-files {
    margin-top: 10px;
    font-size: 14px;
}

.studok-order-files a {
    color: #2563eb;
    font-weight: 500;
    text-decoration: underline;
}

/* ==============================
   ACTIONS
================================ */
.studok-order-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 18px;
    padding-top: 14px;
    border-top: 1px solid #e5e7eb;
}

.studok-order-actions .button {
    appearance: none;
    border: none;
    cursor: pointer;
    padding: 8px 16px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: all .15s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Default */
.studok-order-actions .button {
    background: #16a34a;
    color: #ffffff;
}

.studok-order-actions .button:hover {
    transform: translateY(-1px);
    filter: brightness(1.05);
}

/* Secondary */
.button.secondary {
    background: #e5e7eb;
    color: #111827;
}

/* Publish */
.button.publish {
    background: #2563eb;
    color: #ffffff;
}

/* Danger */
.button.danger {
    background: #dc2626;
    color: #ffffff;
}

/* ==============================
   RESPONSIVE (MOBILE)
================================ */
@media (max-width: 768px) {

    .studok-order-item {
        padding: 18px;
    }

    .studok-order-meta {
        gap: 8px;
    }

    .studok-order-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .studok-order-actions .button {
        width: 100%;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3d7ee6e *//* ==============================
   DASHBOARD LAYOUT
================================ */
.studok-dashboard {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* ==============================
   ORDER CARD
================================ */
.studok-order-item {
    background: #ffffff;
    border-radius: 14px;
    padding: 22px;
    box-shadow: 0 8px 28px rgba(0,0,0,0.08);
    transition: transform .2s ease, box-shadow .2s ease;
}

.studok-order-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 36px rgba(0,0,0,0.12);
}

/* ==============================
   TITLE
================================ */
.studok-order-title,
.studok-order-item h3 {
    margin: 0 0 14px;
    font-size: 18px;
    font-weight: 600;
    color: #111827;
}

/* ==============================
   META (BADGES)
================================ */
.studok-order-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 14px;
}

.studok-order-meta span {
    background: #f3f4f6;
    padding: 6px 12px;
    border-radius: 999px;
    font-size: 13px;
    color: #374151;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    line-height: 1;
}

/* Highlighted meta */
.meta-budget {
    background: #ecfdf5;
    color: #065f46;
}

.meta-deadline {
    background: #fff7ed;
    color: #9a3412;
}

/* ==============================
   DESCRIPTION
================================ */
.studok-order-description {
    margin-top: 10px;
    font-size: 14px;
    color: #374151;
}

.studok-order-description strong {
    display: block;
    margin-bottom: 4px;
    color: #111827;
}

.studok-order-description p {
    margin: 0;
    line-height: 1.5;
}

/* ==============================
   FILES
================================ */
.studok-order-files {
    margin-top: 10px;
    font-size: 14px;
}

.studok-order-files a {
    color: #2563eb;
    font-weight: 500;
    text-decoration: underline;
}

/* ==============================
   ACTIONS
================================ */
.studok-order-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 18px;
    padding-top: 14px;
    border-top: 1px solid #e5e7eb;
}

.studok-order-actions .button {
    appearance: none;
    border: none;
    cursor: pointer;
    padding: 8px 16px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: all .15s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Default */
.studok-order-actions .button {
    background: #16a34a;
    color: #ffffff;
}

.studok-order-actions .button:hover {
    transform: translateY(-1px);
    filter: brightness(1.05);
}

/* Secondary */
.button.secondary {
    background: #e5e7eb;
    color: #111827;
}

/* Publish */
.button.publish {
    background: #2563eb;
    color: #ffffff;
}

/* Danger */
.button.danger {
    background: #dc2626;
    color: #ffffff;
}

/* ==============================
   RESPONSIVE (MOBILE)
================================ */
@media (max-width: 768px) {

    .studok-order-item {
        padding: 18px;
    }

    .studok-order-meta {
        gap: 8px;
    }

    .studok-order-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .studok-order-actions .button {
        width: 100%;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-26dd4ac *//* ==============================
   DASHBOARD LAYOUT
================================ */
.studok-dashboard {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* ==============================
   ORDER CARD
================================ */
.studok-order-item {
    background: #ffffff;
    border-radius: 14px;
    padding: 22px;
    box-shadow: 0 8px 28px rgba(0,0,0,0.08);
    transition: transform .2s ease, box-shadow .2s ease;
}

.studok-order-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 36px rgba(0,0,0,0.12);
}

/* ==============================
   TITLE
================================ */
.studok-order-title,
.studok-order-item h3 {
    margin: 0 0 14px;
    font-size: 18px;
    font-weight: 600;
    color: #111827;
}

/* ==============================
   META (BADGES)
================================ */
.studok-order-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 14px;
}

.studok-order-meta span {
    background: #f3f4f6;
    padding: 6px 12px;
    border-radius: 999px;
    font-size: 13px;
    color: #374151;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    line-height: 1;
}

/* Highlighted meta */
.meta-budget {
    background: #ecfdf5;
    color: #065f46;
}

.meta-deadline {
    background: #fff7ed;
    color: #9a3412;
}

/* ==============================
   DESCRIPTION
================================ */
.studok-order-description {
    margin-top: 10px;
    font-size: 14px;
    color: #374151;
}

.studok-order-description strong {
    display: block;
    margin-bottom: 4px;
    color: #111827;
}

.studok-order-description p {
    margin: 0;
    line-height: 1.5;
}

/* ==============================
   FILES
================================ */
.studok-order-files {
    margin-top: 10px;
    font-size: 14px;
}

.studok-order-files a {
    color: #2563eb;
    font-weight: 500;
    text-decoration: underline;
}

/* ==============================
   ACTIONS
================================ */
.studok-order-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 18px;
    padding-top: 14px;
    border-top: 1px solid #e5e7eb;
}

.studok-order-actions .button {
    appearance: none;
    border: none;
    cursor: pointer;
    padding: 8px 16px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: all .15s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Default */
.studok-order-actions .button {
    background: #16a34a;
    color: #ffffff;
}

.studok-order-actions .button:hover {
    transform: translateY(-1px);
    filter: brightness(1.05);
}

/* Secondary */
.button.secondary {
    background: #e5e7eb;
    color: #111827;
}

/* Publish */
.button.publish {
    background: #2563eb;
    color: #ffffff;
}

/* Danger */
.button.danger {
    background: #dc2626;
    color: #ffffff;
}

/* ==============================
   RESPONSIVE (MOBILE)
================================ */
@media (max-width: 768px) {

    .studok-order-item {
        padding: 18px;
    }

    .studok-order-meta {
        gap: 8px;
    }

    .studok-order-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .studok-order-actions .button {
        width: 100%;
    }
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-e8cfb6e *//* Прибрати блок "Ви авторизовані як..." */
#submit-job-form .fieldset-logged_in{
  display: none !important;
}
/* =========================
   STUDENT CABINET STYLING
   ========================= */

/* Загальна форма */
#submit-job-form{

  margin: 0 auto;
  padding: 24px;
  border-radius: 6px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.08);
}

/* Кожен блок поля */
#submit-job-form fieldset{
  border: 0 !important;
  margin: 0 0 16px 0 !important;
  padding: 0 !important;
}

/* Лейбли */
#submit-job-form label{
  display: block;
  font-weight: 600;
  margin-bottom: 8px;
  color: #0f172a;
  font-size: 18px;
}

/* Input / Select / Textarea */
#submit-job-form input[type="text"],
#submit-job-form input[type="email"],
#submit-job-form input[type="number"],
#submit-job-form input[type="date"],
#submit-job-form select,
#submit-job-form textarea{
width: 100% !important;
    border
: 1px solid #494949 !important;
    border-radius: 12px !important;
    padding: 1px 11px !important;
    font-size: 15px !important;
    background: #f1f1f1 !important;
    outline: none !important;
    transition: 0.2s 
ease;
    color: black;
}

#submit-job-form textarea{
  min-height: 120px;
  resize: vertical;
}

/* Hover/Focus */
#submit-job-form input:focus,
#submit-job-form select:focus,
#submit-job-form textarea:focus{
  border-color: #22c55e !important;
  box-shadow: 0 0 0 4px rgba(34,197,94,0.15) !important;
}

/* Опис під полем */
#submit-job-form small.description{
  display: block;
  margin-top: 6px;
  font-size: 12px;
  color: #64748b;
}

/* Чекбокси */
#submit-job-form input[type="checkbox"]{
  transform: scale(1.15);
  margin-right: 8px;
}

/* File upload */
#submit-job-form input[type="file"]{
  padding: 12px !important;
  border-radius: 12px !important;
  border: 1px dashed #cbd5e1 !important;
  background: #f8fafc !important;
}

/* Кнопки */
#submit-job-form input[type="submit"]{
  border: 0 !important;
  border-radius: 12px !important;
  padding: 12px 18px !important;
  font-weight: 700;
  cursor: pointer;
  transition: 0.2s ease;
}

/* Попередній перегляд */
#submit-job-form input[name="submit_job"]{
  background: #22c55e !important;
  color: #ffffff !important;
}

/* Зберегти (черновик) */
#submit-job-form input[name="save_draft"]{
  background: #0f172a !important;
  color: #ffffff !important;
  margin-left: 10px;
  opacity: 0.9;
}

/* Hover */
#submit-job-form input[type="submit"]:hover{
  transform: translateY(-1px);
  opacity: 0.95;
}

/* Прибрати заголовок Elementor/відступи якщо треба */
.elementor-shortcode{
  width: 100%;
}

/* ===== SIDEBAR CONTAINER ===== */

.e-n-tabs-heading {
    background: #ffffff !important;
    border-radius: 18px !important;
    padding: 14px !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08) !important;
    border: 1px solid #f1f5f9 !important;
}


/* ===== BUTTON ===== */

.e-n-tab-title {

    display: flex !important;
    align-items: center !important;
    gap: 14px !important;

    width: 100% !important;

    padding: 8px 10px !important;
    margin-bottom: 12px !important;

    border-radius: 14px !important;

    background: #f8fafc !important;

    border: 1px solid #e2e8f0 !important;

    color: #334155 !important;

    font-size: 15px !important;
    font-weight: 600 !important;

    cursor: pointer !important;

    transition: all 0.25s ease !important;

    position: relative !important;

    overflow: hidden !important;
}


/* ===== ICON ===== */

.e-n-tab-icon {

    width: 36px !important;
    height: 36px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    background: #ecfdf5 !important;

    border-radius: 10px !important;

    color: #22c55e !important;

    transition: all 0.25s ease !important;
}


/* SVG icon */
.e-n-tab-icon svg {

    width: 18px !important;
    height: 18px !important;

    fill: #22c55e !important;
}


/* ===== TEXT ===== */

.e-n-tab-title-text {

    flex-grow: 1 !important;

    font-weight: 600 !important;

    letter-spacing: 0.2px !important;
}


/* ===== HOVER ===== */

.e-n-tab-title:hover {

    background: #ecfdf5 !important;

    border-color: #22c55e !important;

    color: #16a34a !important;

    transform: translateX(6px) !important;

    box-shadow: 0 8px 20px rgba(34,197,94,0.15) !important;
}


/* hover icon */

.e-n-tab-title:hover .e-n-tab-icon {

    background: #22c55e !important;
}

.e-n-tab-title:hover .e-n-tab-icon svg {

    fill: white !important;
}


/* ===== ACTIVE TAB ===== */

.e-n-tab-title[aria-selected="true"] {

    background: linear-gradient(135deg,#22c55e,#16a34a) !important;

    color: white !important;

    border: none !important;

    box-shadow: 0 10px 25px rgba(34,197,94,0.35) !important;

    transform: scale(1.03) !important;
}


/* active icon */

.e-n-tab-title[aria-selected="true"] .e-n-tab-icon {

    background: rgba(255,255,255,0.2) !important;
}

.e-n-tab-title[aria-selected="true"] .e-n-tab-icon svg {

    fill: white !important;
}


/* ===== LEFT ACTIVE LINE ===== */

.e-n-tab-title::before {

    content: "" !important;

    position: absolute !important;

    left: 0 !important;
    top: 50% !important;

    transform: translateY(-50%) !important;

    width: 4px !important;
    height: 0 !important;

    background: #22c55e !important;

    border-radius: 4px !important;

    transition: height 0.25s ease !important;
}


.e-n-tab-title:hover::before,
.e-n-tab-title[aria-selected="true"]::before {

    height: 60% !important;
}


/* ===== REMOVE ELEMENTOR DEFAULT ===== */

.e-n-tab-title:focus {
    outline: none !important;
}

.e-n-tabs-heading button {
    outline: none !important;
    box-shadow: none !important;
}


/* ===== SMOOTH ===== */

.e-n-tab-title,
.e-n-tab-icon,
.e-n-tab-title svg {

    transition: all 0.25s ease !important;
}


/* ===== ICON CONTAINER ===== */

.e-n-tab-icon {

    width: 38px !important;
    height: 38px !important;

    min-width: 38px !important;
    min-height: 38px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    position: relative !important;

}


/* ===== CENTER BOTH ICONS ===== */

.e-n-tab-icon svg {

    width: 18px !important;
    height: 18px !important;

    position: absolute !important;

    top: 50% !important;
    left: 50% !important;

    transform: translate(-50%, -50%) !important;

    margin: 0 !important;

}


/* ===== FIX TAB ALIGNMENT ===== */

.e-n-tab-title {

    display: flex !important;
    align-items: center !important;
    gap: 12px !important;

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c066ee *//* ===== MOBILE TABS MENU ===== */
@media (max-width: 767px) {

  /* Ховаємо стандартні таби */
  .e-n-tabs-heading {
    display: none !important;
  }


.studok-btn {
    width: 60%!important;
    text-align: center;
}
  /* Контейнер для мобільного меню */
  .mobile-tabs-toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 16px;
    background: linear-gradient(135deg, #16a34a, #0a4921);
    color: #fff;
    border-radius: 12px;
    font-weight: 600;
    cursor: pointer;
    margin-bottom: 12px;
  }

  .mobile-tabs-toggle span {
    font-size: 16px;
  }

  .mobile-tabs-toggle .burger {
    font-size: 22px;
  }

  /* Dropdown з табами */
  .mobile-tabs-dropdown {
    display: none;
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 10px 25px rgba(0,0,0,.12);
    overflow: hidden;
    margin-bottom: 16px;
  }

  .mobile-tabs-dropdown button {
    width: 100%;
    padding: 14px 16px;
    background: none;
    border: none;
    text-align: left;
    font-size: 15px;
    border-bottom: 1px solid #eee;
    cursor: pointer;
  }

  .mobile-tabs-dropdown button:last-child {
    border-bottom: none;
  }

  .mobile-tabs-dropdown button:hover {
    background: #f0fdf4;
  }
  
  
  
  .studok-order-meta span {
    background: #f3f4f6;
    padding: 4px 10px;
    border-radius: 999px;
    font-size: 10px;
    color: #374151;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    line-height: 1;
}
}/* End custom CSS */