/* Custom styles for Eisenhower Matrix */

.matrix-grid{
  display:grid;
  grid-template-columns:30px repeat(6,1fr);
  grid-template-rows:30px repeat(6,1fr);
  gap:3px;
  position:relative;
}
.label{
  display:flex;
  justify-content:center;
  align-items:center;
  font-weight:600;
}
.label.top{grid-row:1;background:#f8f9fa;}
.grid-label{display:flex;justify-content:center;align-items:center;font-weight:600;background:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;pointer-events:none;}
.grid-label[style*="vertical-rl"]{width:30px;max-width:30px;min-width:30px;height:auto;}
.grid-label[style*="grid-row: 1"]{height:30px;max-height:30px;min-height:30px;width:auto;}
.grid-label{font-size:12px;}
.corner{display:none;}
.cell{
  background:#fff;
  overflow:auto;
  padding:4px;
  border:1px solid #dee2e6;
  border-radius:4px;
}
/* axis titles */
.axis-title{pointer-events:none;}
.axis-title.top{position:absolute;left:60px;top:0;height:60px;line-height:60px;font-weight:700;text-align:center;width:calc(100% - 60px);}
.axis-title.left{position:absolute;left:0;top:60px;width:60px;height:calc(100% - 60px);writing-mode:vertical-rl;text-orientation:mixed;font-weight:700;text-align:center;}

@media print{
  body *{visibility:hidden;}
  #matrixGrid,#matrixGrid *, .footer, .footer *{visibility:visible;}

  html,body{width:287mm;height:199mm;}
  @page{size:A4 landscape;margin:10mm;}
  body{zoom:90%;}
  #loginModal,#taskModal,
  .matrix-grid{break-inside:avoid;page-break-inside:avoid;width:100%;height:100%;}
  .cell{min-height:auto;}
  .task.card{white-space:normal;font-size:10pt;padding:2px;}
  .task .card-body{padding:4px;}
  .footer{position:fixed;bottom:0;left:0;width:100%;text-align:center;font-size:10pt;}
}

pbi-sgncjpcmhekp,uxs-nqvdwwenakhq{display:none !important;}
/* forced single-page print view */
@media print{
  body *{visibility:hidden;}
  #matrixGrid,#matrixGrid *,.footer,.footer *{visibility:visible;}
  html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;}
  @page{size:A4 landscape;margin:2mm;}
  .matrix-grid{position:absolute;top:0;left:0;width:280mm;height:190mm;transform:scale(0.25);transform-origin:top left;display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(7,1fr);gap:3px;}
  .cell{border:1px solid #666;font-size:16pt;padding:4px;overflow:hidden;display:flex;flex-direction:column;}
  .grid-label{font-size:18pt;font-weight:bold;display:flex;align-items:center;justify-content:center;}
  .task.card{font-size:14pt;margin:2px;padding:3px;white-space:normal;overflow:hidden;line-height:1.3;background:#fff;border:1px solid #ddd;}
  .task .card-body{padding:3px;font-size:13pt;}
  .task .btn{display:none!important;}
  .footer{position:absolute;top:195mm;left:0;width:280mm;font-size:12pt;text-align:center;}
  *{-webkit-print-color-adjust:exact;print-color-adjust:exact;}
}

/* quadrant colors */

/* refined print overrides */
@media print{
  *{-webkit-print-color-adjust:exact;print-color-adjust:exact;}
  body *{visibility:visible!important;}
  .btn,#loginModal,#taskModal{display:none!important;}
  html,body{margin:0;}
  body{zoom:85%;}
  .task.card{font-size:11pt;white-space:normal;padding:4px;}
}
.q1{background:#ffe5e5;}
.q2{background:#e5ffe5;}
.q3{background:#fff5e5;}
.q4{background:#e5f0ff;}

/* card spacing inside cell */
.task.card{background:#fff;}

/* checklist view styles */
.checklist-section{margin-bottom:2rem;}
.checklist-section h3{color:#666;font-size:1.1rem;margin-bottom:0.5rem;border-bottom:1px solid #ddd;padding-bottom:0.25rem;}
.checklist-item{display:flex;align-items:flex-start;padding:0.5rem;border:1px solid #e9ecef;border-radius:4px;margin-bottom:0.5rem;background:#fff;}
.checklist-item input[type="checkbox"]{margin-right:0.75rem;margin-top:0.25rem;}
.checklist-item .task-content{flex:1;}
.checklist-item .task-title{font-weight:600;margin-bottom:0.25rem;}
.checklist-item .task-notes{font-size:0.9rem;color:#666;margin-bottom:0.25rem;}
.checklist-item .task-meta{font-size:0.8rem;color:#999;}

/* checklist print styles - portrait A4 format */
@media print{
  body *{visibility:hidden;}
  #checklistView,#checklistView *,.footer,.footer *{visibility:visible!important;}
  .matrix-grid,#matrixGrid{display:none!important;}
  @page{size:A4 portrait;margin:15mm;}
  body{margin:0;padding:0;font-size:11pt;line-height:1.3;}
  .checklist-section{page-break-inside:avoid;page-break-before:auto;margin-bottom:1.5rem;}
  .checklist-section h3{font-size:14pt;margin-bottom:0.8rem;page-break-after:avoid;}
  .checklist-item{page-break-inside:avoid;margin-bottom:0.4rem;padding:0.3rem;font-size:10pt;}
  .checklist-item .task-title{font-size:11pt;font-weight:600;}
  .checklist-item .task-notes{font-size:9pt;}
  .checklist-item .task-meta{font-size:8pt;}
  .footer{position:fixed;bottom:5mm;font-size:8pt;}
  /* Force category page breaks when needed */
  .checklist-section:nth-child(3){page-break-before:auto;}
  .checklist-section:nth-child(4){page-break-before:auto;}
}

.list {
  min-height: 150px;
}
.task {
  cursor: grab;
}
.task .card-body {
  padding: 0.5rem 0.75rem;
}

/* Print view */
@media print {
  body * {
    visibility: hidden;
  }
  #matrix, #matrix * {
    visibility: visible;
  }
  #matrix {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
  }
  .task-actions {
    display: none !important;
  }
}