 




   



   



   











  .dis-home-grid { display:block; }
  @media(min-width:1024px){
    .dis-home-grid {
      display:grid;
      grid-template-columns: 1fr 300px;
      grid-template-areas: "buttons buttons" "preview master";
      gap:16px;
    }
    .dis-home-grid > .dis-buttons-block { grid-area:buttons; }
    .dis-home-grid > .dis-master-block { grid-area:master; margin-top:0 !important; display:flex; flex-direction:column; }
    .dis-home-grid > .dis-preview-block { grid-area:preview; height:100%; overflow-y:auto; box-sizing:border-box; }
     



    .dis-home-grid > .dis-master-block .space-y-1\.5[style*="max-height"] { max-height:calc(100vh - 420px) !important; }
  }
   






  .dis-edit-grid { display:block; }
  @media(min-width:1024px){
    .dis-edit-grid {
      display:grid;
      grid-template-columns: 1fr 300px;
      grid-template-areas: "toolbar toolbar" "cal pool";
      gap:16px;
    }
    .dis-edit-grid > .dis-edit-toolbar-block { grid-area:toolbar; }
    .dis-edit-grid > .dis-edit-cal-block { grid-area:cal; height:100%; overflow-y:auto; }
    .dis-edit-grid > .dis-edit-pool-block { grid-area:pool; position:sticky; top:12px; max-height:calc(100vh - 120px); overflow-y:auto; }
  }

   
  .dis-chip { touch-action: none; }
  .dis-drop-on { outline:2px dashed #f59e0b; outline-offset:2px; border-radius:8px; background:rgba(245,158,11,.10); }
   





  .dis-chip-pool { background:linear-gradient(135deg, #ffffff, #fef3c7); color:#92400e; border:1px solid rgba(217,119,6,.15); box-shadow:0 1px 2px rgba(217,119,6,.10); }
  .dis-chip-placed { background:linear-gradient(135deg, #fffbeb, #fde68a); color:#78350f; border:1px solid rgba(180,83,9,.16); box-shadow:0 1px 3px rgba(180,83,9,.14); }
   






  .dis-action-row { display:flex; gap:8px; }
  .dis-action-btn { flex:1; padding:9px 8px; border-radius:12px; font-size:12.5px; font-weight:600; display:inline-flex; align-items:center; justify-content:center; gap:4px; white-space:nowrap; }
  .dis-mini-btn { font-size:11px; padding:4px 9px; border-radius:8px; font-weight:600; border:none; }
   


  .dis-month-grid { grid-template-columns:repeat(6,minmax(0,1fr)) !important; }
  #app .dis-month-grid .kk-ui-chip:not(#swipe-live-schedule-month *):not(#swipe-live-schedule-week *) { min-width:0 !important; padding-left:0 !important; padding-right:0 !important; }
   






  .dis-edit-toolbar { display:flex; align-items:center; justify-content:space-between; gap:12px; background:#fff; border:1px solid #e2e8f0; border-radius:14px; padding:8px 14px; }
  .dis-edit-toolbar .dis-edit-title { font-size:14px; font-weight:800; color:#1e293b; display:flex; align-items:center; gap:8px; }
  .dis-edit-toolbar .dis-edit-btns { display:flex; gap:8px; }
  .dis-edit-btn-secondary { padding:8px 16px; border-radius:10px; font-size:12.5px; font-weight:600; background:#f1f5f9; color:#475569; border:1px solid #e2e8f0; }
  .dis-edit-btn-secondary:disabled { opacity:.5; }
  .dis-edit-btn-primary { padding:8px 18px; border-radius:10px; font-size:12.5px; font-weight:700; background:linear-gradient(135deg,#fbbf24,#d97706); color:#fff; box-shadow:0 2px 8px rgba(180,83,9,.3); border:none; }
  .dis-edit-btn-primary:disabled { opacity:.6; }
  tr.dis-edit-row-busy td { padding-top:8px; padding-bottom:8px; }
  tr.dis-edit-row-empty td { padding-top:4px; padding-bottom:4px; }
   




  .dis-edit-plus { font-size:12px; font-weight:800; color:#b45309; padding:3px 9px; border-radius:9999px; cursor:pointer; border:1.3px dashed #f0b429; background:#fffbeb; transition:color 100ms ease, border-color 100ms ease, background 100ms ease, transform 100ms ease; }
  .dis-edit-plus:hover, .dis-edit-plus:active { color:#fff; border-color:#d97706; border-style:solid; background:#d97706; transform:scale(1.06); }

   
  body.theme-dark .dis-chip-pool { background:linear-gradient(135deg, #3d4d68, #4b3a1f); color:#fbbf24; border-color:rgba(251,191,36,.25) !important; }
  body.theme-dark .dis-chip-placed { background:linear-gradient(135deg, #4b3a1f, #5a4522); color:#fde68a; border-color:rgba(180,83,9,.4) !important; }
  body.theme-dark .dis-edit-btn-secondary { background:#3d4d68; color:#cbd5e1; border-color:#475569 !important; }

 
@media(max-width:1023px){
  .dis-mobile-month-nav .sch-nav-btn{width:46px;min-width:46px;height:46px;min-height:46px;border-radius:12px;font-size:24px;font-weight:800}
  .dis-mobile-next-month{margin-top:18px;padding-top:12px;border-top:5px solid #dbe7f5;background:#fff}
  .dis-mobile-next-month-guide{margin:0 10px 8px;padding:8px 10px;border-radius:9px;background:#eff6ff;color:#1d4f91;font-size:11.5px;font-weight:800;text-align:center}
  body.theme-dark .dis-mobile-next-month{border-top-color:#334155;background:#1e293b}
  body.theme-dark .dis-mobile-next-month-guide{background:#172a46;color:#bfdbfe}
}
