/* MASTER-CABINET-r47 — post-onboarding master cabinet visual polish.
   Scope: master cabinet only. Does not change routes, API, DB, or onboarding flow. */

.master-cabinet-shell,
#mp-cabinet,
.master-cabinet-inline-panel,
.master-cabinet-hero,
.master-cabinet-tile-nav{
  min-width:0;
  box-sizing:border-box;
}

.master-cabinet-shell{
  --mc-orange:var(--orange,#ff6b00);
  --mc-soft:rgba(255,107,0,.08);
  --mc-soft-2:rgba(255,107,0,.14);
  --mc-line:rgba(15,23,42,.08);
}

.master-cabinet-hero{
  position:relative;
  overflow:hidden;
  border-radius:24px !important;
  border:1px solid var(--mc-line) !important;
  background:
    radial-gradient(circle at 92% 12%, rgba(255,107,0,.15), transparent 34%),
    linear-gradient(135deg, rgba(255,255,255,.96), rgba(255,247,241,.92)) !important;
  box-shadow:0 20px 46px rgba(15,23,42,.08) !important;
}
.master-cabinet-hero::after{
  content:'';
  position:absolute;
  right:-70px;
  bottom:-88px;
  width:230px;
  height:230px;
  border-radius:999px;
  background:rgba(255,107,0,.08);
  pointer-events:none;
}
.master-cabinet-hero .mch-main,
.master-cabinet-hero .mch-grid,
.master-cabinet-hero .mch-actions{
  position:relative;
  z-index:1;
  min-width:0;
}
.master-cabinet-hero h1,
.master-cabinet-hero h2,
.master-cabinet-hero h3,
.master-cabinet-section-head h1,
.master-cabinet-section-head h2,
.master-cabinet-section-head h3{
  color:var(--text1,#111827) !important;
  letter-spacing:-.045em;
  overflow-wrap:anywhere;
}
.master-cabinet-hero p,
.master-cabinet-hero small,
.master-cabinet-section-head p,
.master-cabinet-section-head small{
  color:var(--text2,#4b5563) !important;
  overflow-wrap:anywhere;
}
.master-cabinet-hero .mch-grid > *,
.master-cabinet-hero [class*="stat"],
.master-cabinet-inline-panel .card,
.master-cabinet-inline-panel .pf-section,
.master-cabinet-inline-panel .mcab-section > div,
.master-cabinet-inline-panel .posts-mgr-card{
  min-width:0;
  border-color:var(--mc-line) !important;
}

.master-cabinet-tile-nav{
  display:grid;
  gap:12px;
}
.master-cabinet-tile-nav .master-cabinet-tile{
  min-width:0;
  border-radius:20px !important;
  border:1px solid var(--mc-line) !important;
  background:rgba(255,255,255,.88) !important;
  box-shadow:0 12px 28px rgba(15,23,42,.055) !important;
  color:var(--text1,#111827) !important;
  align-items:center;
}
.master-cabinet-tile-nav .master-cabinet-tile:hover,
.master-cabinet-tile-nav .master-cabinet-tile:focus-visible{
  border-color:rgba(255,107,0,.24) !important;
  box-shadow:0 16px 34px rgba(15,23,42,.08),0 0 0 1px rgba(255,107,0,.10) !important;
}
.master-cabinet-tile-nav .master-cabinet-tile.active,
.master-cabinet-tile-nav .master-cabinet-tile.btn-primary{
  background:linear-gradient(135deg,rgba(255,107,0,.13),rgba(255,255,255,.92)) !important;
  border-color:rgba(255,107,0,.28) !important;
}
.master-cabinet-tile-nav .mct-ico,
.master-cabinet-inline-panel .cabinet-stat-ico,
.master-cabinet-inline-panel .master-cabinet-icon,
#mcab-modal .mct-ico,
#mcab-modal .cabinet-stat-ico,
#mcab-modal .master-cabinet-icon{
  flex:0 0 auto;
  width:42px !important;
  height:42px !important;
  border-radius:14px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  color:var(--mc-orange) !important;
  background:var(--mc-soft) !important;
  border:1px solid rgba(255,107,0,.18) !important;
  font-size:0 !important;
  line-height:1 !important;
}
.master-cabinet-tile-nav .mct-ico::before,
.master-cabinet-inline-panel .cabinet-stat-ico::before,
.master-cabinet-inline-panel .master-cabinet-icon::before,
#mcab-modal .mct-ico::before,
#mcab-modal .cabinet-stat-ico::before,
#mcab-modal .master-cabinet-icon::before{
  content:'';
  width:20px;
  height:20px;
  display:block;
  background:currentColor;
  -webkit-mask:var(--kr-ui-icon-user, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c1.6-4.4 4.2-6 8-6s6.4 1.6 8 6'/%3E%3C/svg%3E")) center / contain no-repeat;
  mask:var(--kr-ui-icon-user, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c1.6-4.4 4.2-6 8-6s6.4 1.6 8 6'/%3E%3C/svg%3E")) center / contain no-repeat;
}
.master-cabinet-tile-nav .mct-label,
.master-cabinet-tile-nav .mct-desc,
.master-cabinet-tile-nav .mct-badge,
.master-cabinet-inline-panel .card *,
.master-cabinet-inline-panel .pf-section *,
#mcab-modal .card *,
#mcab-modal .pf-section *{
  min-width:0;
  max-width:100%;
  overflow-wrap:anywhere;
  word-break:normal;
}
.master-cabinet-tile-nav .mct-label{
  font-weight:900 !important;
  color:var(--text1,#111827) !important;
}
.master-cabinet-tile-nav .mct-desc{
  color:var(--text2,#4b5563) !important;
  line-height:1.35 !important;
}
.master-cabinet-tile-nav .mct-badge{
  border-radius:999px !important;
  color:var(--mc-orange) !important;
  background:rgba(255,107,0,.10) !important;
  border:1px solid rgba(255,107,0,.15) !important;
}

.master-cabinet-inline-panel{
  border-radius:24px;
}
.master-cabinet-inline-panel .mcab-section,
#mcab-modal .mcab-section{
  width:100%;
  min-width:0;
}
.master-cabinet-inline-panel .mcab-section .btn,
#mcab-modal .mcab-section .btn,
.master-cabinet-hero .btn,
.master-cabinet-tile-nav .btn{
  min-height:44px;
  border-radius:16px !important;
  font-weight:900 !important;
  white-space:normal !important;
  text-align:center;
  line-height:1.18;
}
.master-cabinet-inline-panel .mcab-section .btn-primary,
#mcab-modal .mcab-section .btn-primary,
.master-cabinet-hero .btn-primary{
  background:linear-gradient(135deg,#ff7a18,#ff5a00) !important;
  color:#fff !important;
  border-color:rgba(255,90,0,.42) !important;
  box-shadow:0 12px 26px rgba(255,90,0,.18) !important;
}
.master-cabinet-inline-panel .mcab-section .btn-outline,
#mcab-modal .mcab-section .btn-outline,
.master-cabinet-inline-panel .mcab-section .btn-ghost,
#mcab-modal .mcab-section .btn-ghost{
  background:rgba(255,255,255,.88) !important;
  color:var(--text1,#111827) !important;
  border-color:var(--mc-line) !important;
}
.master-cabinet-inline-panel .pf-input,
#mcab-modal .pf-input,
.master-cabinet-inline-panel input,
.master-cabinet-inline-panel select,
.master-cabinet-inline-panel textarea,
#mcab-modal input,
#mcab-modal select,
#mcab-modal textarea{
  border-radius:16px !important;
  min-height:46px;
  font-size:16px !important;
  line-height:1.35 !important;
}
.master-cabinet-inline-panel textarea,
#mcab-modal textarea{
  min-height:112px !important;
}

@media (min-width:768px){
  .master-cabinet-shell{
    width:min(100%, 1040px) !important;
    padding-left:24px;
    padding-right:24px;
  }
  .master-cabinet-hero{
    padding:24px !important;
  }
  .master-cabinet-hero .mch-grid{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }
  .master-cabinet-hero .mch-actions{
    display:flex !important;
    flex-wrap:wrap;
    gap:10px;
  }
  .master-cabinet-tile-nav{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .master-cabinet-inline-panel .mcab-section--profile .profile-form,
  .master-cabinet-inline-panel .mcab-section--settings .profile-form,
  #mcab-modal .mcab-section--profile .profile-form,
  #mcab-modal .mcab-section--settings .profile-form{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:14px !important;
  }
}

@media (min-width:1024px){
  .master-cabinet-shell{
    width:min(100%, 1180px) !important;
  }
  .master-cabinet-shell__main{
    grid-template-columns:300px minmax(0,1fr) !important;
    gap:22px !important;
  }
  .master-cabinet-hero{
    padding:28px 30px !important;
  }
  .master-cabinet-hero h1,
  .master-cabinet-hero h2{
    font-size:clamp(28px,2.6vw,42px) !important;
  }
  .master-cabinet-tile-nav{
    grid-template-columns:1fr;
    gap:12px;
  }
  .master-cabinet-tile-nav .master-cabinet-tile{
    min-height:86px !important;
    padding:16px !important;
  }
  .master-cabinet-inline-panel .mcab-section--stats > div:first-child,
  #mcab-modal .mcab-section--stats > div:first-child{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }
  .master-cabinet-inline-panel .mcab-section--contacts,
  #mcab-modal .mcab-section--contacts,
  .master-cabinet-inline-panel .mcab-section--settings,
  #mcab-modal .mcab-section--settings{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media (min-width:1200px){
  .master-cabinet-shell{
    width:min(100%, 1280px) !important;
  }
  .master-cabinet-shell__main{
    grid-template-columns:320px minmax(0,1fr) !important;
  }
}

@media (max-width:767px){
  .master-cabinet-shell{
    width:100% !important;
    padding-left:12px;
    padding-right:12px;
  }
  .master-cabinet-hero{
    border-radius:20px !important;
    padding:18px !important;
  }
  .master-cabinet-tile-nav{
    grid-template-columns:1fr;
  }
  .master-cabinet-tile-nav .master-cabinet-tile{
    min-height:72px !important;
    padding:12px !important;
  }
  .master-cabinet-tile-nav .mct-ico,
  .master-cabinet-inline-panel .cabinet-stat-ico,
  .master-cabinet-inline-panel .master-cabinet-icon{
    width:38px !important;
    height:38px !important;
    border-radius:13px !important;
  }
  .master-cabinet-inline-panel .mcab-section .btn,
  #mcab-modal .mcab-section .btn{
    width:100%;
  }
}

@media (min-width:768px) and (max-height:760px) and (orientation:landscape){
  .master-cabinet-shell{
    padding-top:10px;
  }
  .master-cabinet-hero{
    padding:18px 20px !important;
  }
  .master-cabinet-tile-nav .master-cabinet-tile{
    min-height:68px !important;
    padding:10px 12px !important;
  }
  .master-cabinet-tile-nav .mct-desc{
    display:none;
  }
  .master-cabinet-inline-panel textarea,
  #mcab-modal textarea{
    min-height:84px !important;
  }
}