/* ====================================================
   DESIGN 4: ARCHITECTURAL STUDIO & MODERN SWISS (A4 LANDSCAPE)
   ==================================================== */

/* 4 na High-End Architectural Studio Palettes */
body.d4-theme-cyber-yellow {
    --primary-color: #0f172a;       /* Deep Slate */
    --accent-color: #d97706;        /* Warm Architectural Amber */
    --bg-frame: #f8fafc;
    --line-color: #e2e8f0;
    --sub-text: #64748b;
  }
  
  body.d4-theme-neon-lime {
    --primary-color: #1e293b;       /* Charcoal */
    --accent-color: #0d9488;        /* Nordic Pine Teal */
    --bg-frame: #f0fdfa;
    --line-color: #ccfbf1;
    --sub-text: #5eead4;
  }
  
  body.d4-theme-signal-orange {
    --primary-color: #18181b;       /* Pure Carbon */
    --accent-color: #e11d48;        /* Studio Crimson */
    --bg-frame: #fafafa;
    --line-color: #e4e4e7;
    --sub-text: #71717a;
  }
  
  body.d4-theme-electric-blue {
    --primary-color: #0c4a6e;       /* Blueprint Deep Blue */
    --accent-color: #0284c7;        /* Sky Cobalt */
    --bg-frame: #f0f9ff;
    --line-color: #e0f2fe;
    --sub-text: #38bdf8;
  }
  
  /* Malinis at Eleganteng Studio Canvas */
  .desk-sheet.design-4 {
    background: #ffffff !important;
    border: 1px solid var(--line-color) !important;
    position: relative;
    padding: 13mm 11mm 6mm 11mm !important;
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.08) !important;
  }
  
  /* Minimalist Pin-stripe Accent Lines */
  .desk-sheet.design-4::before {
    content: "";
    position: absolute;
    top: 9mm;
    left: 8mm;
    right: 8mm;
    bottom: 4mm;
    border-top: 1px solid var(--line-color);
    border-bottom: 1px solid var(--line-color);
    pointer-events: none;
  }
  
  /* Header: Modern Swiss Clean Layout */
  .desk-sheet.design-4 .desk-header {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    border-bottom: 1.5px solid var(--primary-color);
    padding-bottom: 4px;
    margin-bottom: 3mm;
  }
  
  .desk-sheet.design-4 .desk-header .side-year {
    font-family: 'Plus Jakarta Sans', system-ui, sans-serif !important;
    font-weight: 800;
    font-size: 28pt;
    color: var(--accent-color);
    letter-spacing: -0.5px;
    background: transparent !important;
    padding: 0;
  }
  
  .desk-sheet.design-4 .desk-header .main-month {
    font-family: 'Plus Jakarta Sans', system-ui, sans-serif !important;
    font-weight: 800;
    font-size: 40pt;
    color: var(--primary-color);
    letter-spacing: 2px;
    text-transform: uppercase;
  }
  
  /* Weekday Bar: Clean Thin Lines */
  .desk-sheet.design-4 .weekdays-bar {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    background-color: transparent !important;
    margin-bottom: 2mm;
    border: none !important;
    border-bottom: 1px solid var(--line-color) !important;
  }
  
  .desk-sheet.design-4 .weekdays-bar .day-name {
    background-color: transparent !important;
    color: var(--primary-color) !important;
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 10pt;
    font-weight: 800;
    letter-spacing: 1px;
    text-align: center;
    padding: 4px 0;
    border-right: none !important;
  }
  
  .desk-sheet.design-4 .weekdays-bar .day-name.sun {
    color: var(--accent-color) !important;
    background-color: transparent !important;
  }
  
  /* Grid Layout: Subtle Borderless-Feel Grids */
  .desk-sheet.design-4 .days-grid {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    grid-template-rows: repeat(5, 23.5mm);
    height: 117.5mm;
    margin-bottom: 3mm;
    border-bottom: 1px solid var(--line-color);
  }
  
  .desk-sheet.design-4 .cell {
    border: 0.5px solid var(--line-color) !important;
    background: #ffffff;
  }
  
  /* Day Numbers: Crisp at Modern */
  .desk-sheet.design-4 .day-num {
    font-family: 'Plus Jakarta Sans', system-ui, sans-serif !important;
    font-size: 54pt;
    font-weight: 800;
    color: var(--primary-color);
    letter-spacing: -2px;
    line-height: 0.9;
  }
  
  .desk-sheet.design-4 .cell.sunday .day-num,
  .desk-sheet.design-4 .cell.holiday .day-num {
    color: var(--accent-color) !important;
  }
  
  /* Holiday Labeled Cell: Elegant Badge */
  .desk-sheet.design-4 .cell.holiday-labeled {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
  }
  
  .desk-sheet.design-4 .cell.holiday-labeled .day-num {
    font-size: 38pt !important;
    margin-top: -2px;
  }
  
  .desk-sheet.design-4 .cell.holiday-labeled .hol-tag {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 6.5pt !important;
    font-weight: 700;
    background: rgba(217, 119, 6, 0.1);
    color: var(--accent-color) !important;
    padding: 2px 5px;
    border-radius: 4px;
    letter-spacing: 0.5px;
    margin-top: 2px;
  }
  
  /* Shaded Moon Vector: Subtle Card Style */
  .desk-sheet.design-4 .moon-cell {
    background: var(--bg-frame) !important;
  }
  
  .desk-sheet.design-4 .moon-svg-wrap {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #ffffff;
    border: 1px solid var(--line-color);
  }
  
  .desk-sheet.design-4 .moon-text-col {
    line-height: 1.1;
  }
  
  .desk-sheet.design-4 .moon-phase-name {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-weight: 800;
    font-size: 7.5pt;
    color: var(--primary-color);
    letter-spacing: 0.3px;
  }
  
  .desk-sheet.design-4 .moon-phase-date {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-weight: 600;
    font-size: 7.5pt;
    color: var(--sub-text);
  }
  
  /* Split Cell */
  .desk-sheet.design-4 .split-diagonal {
    stroke: var(--line-color);
    stroke-width: 1;
  }
  
  .desk-sheet.design-4 .split-top,
  .desk-sheet.design-4 .split-bottom {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-weight: 800;
    font-size: 32pt;
  }
  
  /* Footer Section: Clean Borderless Cards */
  .desk-sheet.design-4 .desk-footer {
    display: grid;
    grid-template-columns: 78mm 121mm 78mm;
    justify-content: space-between;
    flex: 1;
    align-items: stretch;
    padding-top: 1mm;
  }
  
  .desk-sheet.design-4 .mini-cal-box,
  .desk-sheet.design-4 .holidays-box {
    background: var(--bg-frame);
    border: 1px solid var(--line-color);
    border-radius: 6px;
    padding: 4px 8px;
  }
  
  .desk-sheet.design-4 .mini-cal-title {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 9pt;
    font-weight: 800;
    color: var(--primary-color);
    background: transparent !important;
    text-align: left;
    letter-spacing: 0.3px;
    margin-bottom: 2px;
  }
  
  .desk-sheet.design-4 .holidays-title {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 9.5pt;
    font-weight: 800;
    color: var(--accent-color);
    background: transparent !important;
    text-align: center;
    letter-spacing: 0.5px;
    margin-bottom: 2px;
  }
  
  .desk-sheet.design-4 .mini-table th {
    border-bottom: 1.5px solid var(--primary-color);
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-weight: 700;
    font-size: 6.8pt;
    padding: 1px 0;
  }
  
  .desk-sheet.design-4 .mini-table td {
    border-bottom: 0.5px solid var(--line-color);
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-weight: 600;
    font-size: 7.2pt;
    padding: 1px 0;
  }
  
  .desk-sheet.design-4 .hol-col li {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 6.8pt;
    color: var(--primary-color);
  }
  
  .desk-sheet.design-4 .hol-col li span.h-name {
    font-weight: 600;
    color: var(--primary-color);
  }
  
  .desk-sheet.design-4 .hol-col li b.h-date {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-weight: 800;
    color: var(--accent-color);
    background: transparent !important;
    padding: 0;
  }