/* FINAL WIDTH OVERRIDE
   header/nav: 1440px
   breadcrumb/content: 1440px
*/

:root{
  --layout-shell:1440px;
  --layout-content:1440px;
  --layout-gutter:40px;
}

/* header/nav */
.header-inner,
.nav-inner{
  width:min(var(--layout-shell), calc(100vw - var(--layout-gutter))) !important;
  max-width:var(--layout-shell) !important;
  margin-left:auto !important;
  margin-right:auto !important;
  box-sizing:border-box !important;
}

/* breadcrumb */
.breadcrumb,
.breadcrumb-wrap,
.page-breadcrumb{
  width:min(var(--layout-content), calc(100vw - var(--layout-gutter))) !important;
  max-width:var(--layout-content) !important;
  margin-left:auto !important;
  margin-right:auto !important;
  box-sizing:border-box !important;
}

.breadcrumb-inner{
  width:100% !important;
  max-width:var(--layout-content) !important;
  margin-left:auto !important;
  margin-right:auto !important;
  box-sizing:border-box !important;
}

/* main shell */
.main{
  width:min(var(--layout-content), calc(100vw - var(--layout-gutter))) !important;
  max-width:var(--layout-content) !important;
  margin-left:auto !important;
  margin-right:auto !important;
  box-sizing:border-box !important;
}

/* page wrappers */
.main-inner,
.page-wrap,
.content-wrap,
.main-wrap,
.form-wrap,
.report-wrap,
.expense-wrap,
.expense-page-wrap,
.today-wrap,
.offering-wrap,
.offering-input-wrap,
.offering-types-wrap,
.dashboard-wrap,
.main-content{
  width:100% !important;
  max-width:var(--layout-content) !important;
  margin-left:auto !important;
  margin-right:auto !important;
  box-sizing:border-box !important;
}

/* cards fill wrapper */
.box,
.card,
.input-card,
.entry-card,
.report-card,
.expense-entry-card,
.table-card,
.panel{
  width:100%;
  box-sizing:border-box;
}

@media(max-width:768px){
  :root{ --layout-gutter:20px; }
}

/* =========================================================
   GLOBAL BREADCRUMB FINAL
   기준폭: 1440px
   sticky/fixed 사용 안함
   ========================================================= */

.breadcrumb,
.page-breadcrumb{
  width: min(1440px, calc(100% - 40px));
  margin: 10px auto 14px;
  position: relative;
  z-index: 5;
}

.breadcrumb-inner,
.page-breadcrumb-inner{
  display:flex;
  align-items:center;
  gap:8px;

  padding:10px 16px;

  border:1px solid #dbe3f1;
  border-radius:14px;

  background:#fff;

  font-size:13px;
  line-height:1.2;

  color:#64748b;

  box-shadow:0 2px 10px rgba(15,23,42,.04);
}

.breadcrumb a,
.page-breadcrumb a{
  color:#2563eb;
  text-decoration:none;
  font-weight:700;
}

.breadcrumb a:hover,
.page-breadcrumb a:hover{
  text-decoration:underline;
}

.breadcrumb strong,
.page-breadcrumb strong{
  color:#0f172a;
  font-weight:800;
}

.breadcrumb .sep,
.page-breadcrumb .sep{
  opacity:.45;
}


/* =========================================================
   BREADCRUMB TEXT ONLY FINAL
   - 카드/테두리/그림자/하단선 제거
   - 글씨만 표시
   ========================================================= */
.breadcrumb,
.page-breadcrumb{
  width: min(1440px, calc(100% - 40px)) !important;
  margin: 10px auto 12px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.breadcrumb-inner,
.page-breadcrumb-inner{
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;

  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;

  font-size: 13px !important;
  line-height: 1.2 !important;
  color: #64748b !important;
}

.breadcrumb a,
.page-breadcrumb a{
  color: #2563eb !important;
  text-decoration: none !important;
  font-weight: 700 !important;
}

.breadcrumb strong,
.page-breadcrumb strong{
  color: #0f172a !important;
  font-weight: 800 !important;
}

.breadcrumb .sep,
.page-breadcrumb .sep{
  color: #94a3b8 !important;
  opacity: 1 !important;
}