/* =========================================================
   CROSSWORD WORKSHOP - MAKE IT V3.8
   ========================================================= */

#cwMaker {
    --cw-blue: #075fc7;
    --cw-blue2: #0874e8;
    --cw-ink: #17375e;
    --cw-yellow: #ffc52f;
    --cw-border: #d7e4f2;
    --cw-soft: #f7fbff;
    --cw-cell: 34px;
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 12px 30px;
    box-sizing: border-box;
    font-family: Arial, Helvetica, sans-serif;
    color: var(--cw-ink);
}

#cwMaker * { box-sizing: border-box; }

#cwMaker .cwm-shell {
    background: #fff;
    border: 1px solid var(--cw-border);
    border-radius: 18px;
    box-shadow: 0 8px 24px rgba(20,70,120,.08);
    padding: 20px;
}

#cwMaker .cwm-header {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 10px;
    align-items: start;
    margin-bottom: 14px;
}

#cwMaker .cwm-title {
    margin: 0;
    color: var(--cw-blue);
    font-size: 28px;
    line-height: 1.15;
}

#cwMaker .cwm-subtitle {
    margin-top: 6px;
    color: #71879e;
    font-size: 13px;
    line-height: 1.4;
}

#cwMaker .cwm-version {
    white-space: nowrap;
    border: 1px solid #cfe0f2;
    border-radius: 999px;
    background: #f4f9ff;
    color: #6b8197;
    padding: 5px 9px;
    font-size: 10px;
    font-weight: 700;
}

#cwMaker .cwm-toolbar,
#cwMaker .cwm-addbar,
#cwMaker .cwm-printbar {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: end;
}

#cwMaker .cwm-toolbar {
    padding: 10px;
    background: var(--cw-soft);
    border: 1px solid var(--cw-border);
    border-radius: 12px;
    margin-bottom: 12px;
}

#cwMaker .cwm-field {
    min-width: 120px;
    flex: 1 1 150px;
}

#cwMaker .cwm-field.cwm-small { flex: 0 0 120px; min-width: 100px; }
#cwMaker .cwm-field.cwm-wide { flex: 2 1 260px; }

#cwMaker label {
    display: block;
    margin-bottom: 4px;
    font-size: 11px;
    font-weight: 700;
    color: var(--cw-ink);
}

#cwMaker input,
#cwMaker select {
    width: 100%;
    height: 38px;
    border: 1.5px solid #c8dced;
    border-radius: 8px;
    padding: 0 10px;
    background: #fff;
    color: var(--cw-ink);
    font-size: 13px;
    outline: none;
}

#cwMaker input:focus,
#cwMaker select:focus {
    border-color: var(--cw-blue2);
    box-shadow: 0 0 0 3px rgba(8,116,232,.10);
}

#cwMaker button {
    min-height: 38px;
    border-radius: 8px;
    padding: 7px 11px;
    cursor: pointer;
    font-size: 11px;
    font-weight: 700;
}

#cwMaker button:disabled {
    opacity: .45;
    cursor: default;
}

#cwMaker .cwm-primary {
    border: 2px solid #e19a00;
    background: var(--cw-yellow);
    color: var(--cw-ink);
}

#cwMaker .cwm-secondary {
    border: 1.5px solid var(--cw-blue2);
    background: #fff;
    color: var(--cw-blue);
}

#cwMaker .cwm-secondary.cwm-active {
    background: var(--cw-blue2);
    color: #fff;
}

#cwMaker .cwm-danger {
    border: 1px solid #d66;
    background: #fff;
    color: #a52a2a;
}

#cwMaker .cwm-main {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: 12px;
    align-items: start;
}

#cwMaker .cwm-board-panel,
#cwMaker .cwm-workshop {
    border: 1px solid var(--cw-border);
    border-radius: 12px;
    background: #fff;
}

#cwMaker .cwm-board-panel { padding: 12px; }

#cwMaker .cwm-board-head {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 8px;
}

#cwMaker .cwm-board-title,
#cwMaker .cwm-workshop-title {
    color: var(--cw-blue);
    font-weight: 700;
    font-size: 15px;
}

#cwMaker .cwm-board-wrap {
    height: 560px;
    overflow: auto;
    border: 1px solid #dce7f1;
    border-radius: 10px;
    background: #eef4f9;
    padding: 16px;
    position: relative;
    touch-action: pan-x pan-y;
}

#cwMaker .cwm-grid-stage {
    position: relative;
    width: max-content;
    min-width: 100%;
    min-height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

#cwMaker .cwm-grid {
    display: grid;
    width: max-content;
    position: relative;
    background: #f8fbfe;
    border: 1px solid #c9dbea;
}

#cwMaker .cwm-cell {
    position: relative;
    width: var(--cw-cell);
    height: var(--cw-cell);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 16px;
    user-select: none;
    box-sizing: border-box;
}

/* Empty squares are only a faint drafting guide. */
#cwMaker .cwm-cell.cwm-block {
    background: #f8fbfe;
    border-right: 1px solid #dfeaf3;
    border-bottom: 1px solid #dfeaf3;
}

/* Actual crossword answer squares are strong white boxes. */
#cwMaker .cwm-cell:not(.cwm-block) {
    background:#ffffff;
    border:1px solid #3b5269;
    box-shadow:none;
    z-index:1;
}

#cwMaker .cwm-cell-number {
    position: absolute;
    top: 2px;
    left: 3px;
    font-size: 7px;
    line-height: 1;
    font-weight: 700;
}

#cwMaker .cwm-cell-letter { margin-top: 3px; }

#cwMaker .cwm-cell.cwm-selected-word {
    background:#fff0a8 !important;
    border:2px solid #c98f00 !important;
    box-shadow:none !important;
    z-index:3;
}

#cwMaker .cwm-cell.cwm-related-word {
    background: #eef6ff !important;
    border-color: #6f9fca !important;
    z-index: 2;
}

#cwMaker .cwm-cell.cwm-ghost {
    background: #fff3bd !important;
    outline: 2px solid #e5b900;
    outline-offset: -2px;
}

#cwMaker .cwm-cell.cwm-ghost-invalid {
    background: #f9dddd !important;
    outline: 2px solid #c95a5a;
    outline-offset: -2px;
}

#cwMaker .cwm-preview .cwm-cell-letter { visibility: hidden; }
#cwMaker .cwm-preview .cwm-cell.cwm-ghost .cwm-cell-letter,
#cwMaker .cwm-preview .cwm-cell.cwm-ghost-invalid .cwm-cell-letter { visibility: visible; opacity: .55; }

#cwMaker .cwm-addbar {
    margin-top: 10px;
    padding: 10px;
    border: 1px solid var(--cw-border);
    border-radius: 10px;
    background: var(--cw-soft);
}

#cwMaker .cwm-message {
    min-height: 18px;
    margin-top: 8px;
    font-size: 11px;
    color: #6f8499;
}

#cwMaker .cwm-message.success { color: #287743; }
#cwMaker .cwm-message.warning { color: #8b6500; }
#cwMaker .cwm-message.error { color: #a52a2a; }

#cwMaker .cwm-workshop {
    height: 560px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

#cwMaker .cwm-workshop-head {
    padding: 10px 10px 8px;
    border-bottom: 1px solid var(--cw-border);
    background: var(--cw-soft);
}

#cwMaker .cwm-workshop-sub {
    margin-top: 3px;
    color: #74899e;
    font-size: 10px;
    line-height: 1.3;
}

#cwMaker .cwm-filter-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 6px;
    margin-top: 8px;
}

#cwMaker .cwm-filter-row select {
    height: 32px;
    font-size: 11px;
}

#cwMaker .cwm-word-list {
    flex: 1 1 auto;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 6px;
    background: #fff;
}

#cwMaker .cwm-word-row {
    border: 1px solid #dce6ef;
    border-radius: 8px;
    padding: 6px 7px;
    margin-bottom: 5px;
    background: #fff;
    cursor: default;
}

#cwMaker .cwm-word-row.cwm-selected {
    border-color: var(--cw-blue2);
    background: #f3f8ff;
}

#cwMaker .cwm-word-topline {
    display: grid;
    grid-template-columns: minmax(0,1fr) auto;
    gap: 6px;
    align-items: center;
}

#cwMaker .cwm-word-answer {
    min-width: 0;
    font-weight: 700;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#cwMaker .cwm-status {
    font-size: 9px;
    font-weight: 700;
    border-radius: 999px;
    padding: 3px 6px;
    white-space: nowrap;
    background: #eef3f7;
    color: #5f7488;
}

#cwMaker .cwm-status.good { background: #e7f5eb; color: #2c7141; }
#cwMaker .cwm-status.move { background: #e7f1ff; color: #1459a6; }
#cwMaker .cwm-status.warn { background: #fff4cf; color: #7a5d00; }
#cwMaker .cwm-status.bad { background: #fbe4e4; color: #9a3232; }

#cwMaker .cwm-word-meta {
    margin-top: 3px;
    font-size: 9px;
    color: #778b9e;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#cwMaker .cwm-word-clue {
    margin-top: 3px;
    color: #526980;
    font-size: 10px;
    line-height: 1.25;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#cwMaker .cwm-word-actions {
    display: grid;
    grid-template-columns: 1fr auto auto;
    gap: 5px;
    margin-top: 5px;
}

#cwMaker .cwm-drag-word {
    min-height: 30px;
    border: 1px dashed var(--cw-blue2);
    background: #f5f9ff;
    color: var(--cw-blue);
    cursor: grab;
    touch-action: none;
}

#cwMaker .cwm-mini {
    min-height: 30px;
    padding: 4px 6px;
    font-size: 9px;
}

#cwMaker .cwm-workshop-footer {
    padding: 7px 8px;
    border-top: 1px solid var(--cw-border);
    background: #fbfdff;
    font-size: 9px;
    color: #768a9d;
}

#cwMaker .cwm-drag-float {
    position: fixed;
    z-index: 2147483000;
    pointer-events: none;
    display: grid;
    gap: 0;
    filter: drop-shadow(0 3px 5px rgba(0,0,0,.16));
}

#cwMaker .cwm-drag-float.across {
    grid-auto-flow: column;
    grid-auto-columns: 28px;
}

#cwMaker .cwm-drag-float.down {
    grid-auto-flow: row;
    grid-auto-rows: 28px;
}

#cwMaker .cwm-drag-float span {
    width: 28px;
    height: 28px;
    background: #fff3bd;
    border: 1px solid var(--cw-ink);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--cw-ink);
    font-size: 13px;
    font-weight: 700;
}

#cwMaker .cwm-clues {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin-top: 10px;
}

#cwMaker .cwm-clue-box {
    border: 1px solid var(--cw-border);
    border-radius: 9px;
    padding: 8px;
}

#cwMaker .cwm-clue-box h4 {
    margin: 0 0 6px;
    color: var(--cw-blue);
    font-size: 12px;
}

#cwMaker .cwm-clue-line {
    margin-bottom: 4px;
    font-size: 10px;
    line-height: 1.3;
}

#cwMaker .cwm-hidden { display: none !important; }

#cwMaker .cwm-print-only { display: none; }

@media (max-width: 940px) {
    #cwMaker .cwm-main { grid-template-columns: 1fr; }
    #cwMaker .cwm-workshop { height: 360px; }
    #cwMaker .cwm-board-wrap { height: 480px; }
}

@media (max-width: 620px) {
    #cwMaker { padding: 0 6px 20px; --cw-cell: 28px; }
    #cwMaker .cwm-shell { padding: 12px; border-radius: 12px; }
    #cwMaker .cwm-header { grid-template-columns: 1fr; }
    #cwMaker .cwm-version { width: max-content; }
    #cwMaker .cwm-board-wrap { height: 430px; padding: 10px; }
    #cwMaker .cwm-clues { grid-template-columns: 1fr; }
}

/* V3.0 printing is rendered in a dedicated A4 print window from make-it.js. */


/* ============================================================
   MAKE IT V2.5 - ANSWER CHECK + CLUE SUGGESTIONS
   ============================================================ */
#cwMaker .cwm-word-assist{
  margin-top:7px;
  padding:7px 9px;
  border:1px solid #cfe2f7;
  border-radius:9px;
  background:#f8fbff;
}

#cwMaker .cwm-assist-status{
  font-size:11px;
  font-weight:700;
  line-height:1.3;
}
#cwMaker .cwm-assist-status.neutral{color:#5d7186;}
#cwMaker .cwm-assist-status.checking{color:#075fc7;}
#cwMaker .cwm-assist-status.good{color:#16713b;}
#cwMaker .cwm-assist-status.warning{color:#966000;}

#cwMaker .cwm-assist-suggestions{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:5px;
  margin-top:5px;
}
#cwMaker .cwm-suggest-label{
  color:#5d7186;
  font-size:10px;
  font-weight:800;
}
#cwMaker .cwm-word-chip{
  padding:3px 7px;
  border:1px solid #8fbceb;
  border-radius:999px;
  background:#fff;
  color:#075fc7;
  font-size:10px;
  font-weight:800;
  cursor:pointer;
}
#cwMaker .cwm-word-chip:hover{background:#eaf4ff;}

#cwMaker .cwm-clue-assist{
  margin-top:6px;
  padding-top:6px;
  border-top:1px solid #dce9f6;
}
#cwMaker .cwm-assist-label{
  margin-bottom:3px;
  color:#5d7186;
  font-size:9px;
  font-weight:800;
  letter-spacing:.45px;
  text-transform:uppercase;
}
#cwMaker .cwm-clue-suggestion-line{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
}
#cwMaker #cwmSuggestedClue{
  min-width:0;
  flex:1;
  color:#17375e;
  font-size:11px;
  font-weight:700;
}
#cwMaker .cwm-clue-actions{
  display:flex;
  gap:4px;
  flex:0 0 auto;
}
#cwMaker .cwm-mini-btn{
  padding:4px 6px;
  border:1px solid #8fbceb;
  border-radius:6px;
  background:#fff;
  color:#075fc7;
  font-size:8px;
  font-weight:800;
  cursor:pointer;
}
#cwMaker .cwm-use-clue{
  border-color:#d69b00;
  background:#ffc52f;
  color:#17375e;
}

@media(max-width:700px){
  #cwMaker .cwm-clue-suggestion-line{
    align-items:flex-start;
    flex-direction:column;
  }
}


/* ============================================================
   V3.0 WORKSPACE REFINEMENT
   ============================================================ */
#cwMaker .cwm-board-wrap{
    background:#eef5fa;
}

#cwMaker .cwm-grid-stage{
    background:transparent;
}

#cwMaker .cwm-grid .cwm-cell.cwm-ghost{
    background:#fff1a6 !important;
    border-color:#d89d00 !important;
    outline:2px solid #e2aa12;
    outline-offset:-2px;
    z-index:4;
}

#cwMaker .cwm-grid .cwm-cell.cwm-ghost-invalid{
    background:#fbe1e1 !important;
    border-color:#c85d5d !important;
    outline:2px solid #c85d5d;
    outline-offset:-2px;
    z-index:4;
}


/* V2.6 box-line cleanup */
#cwMaker .cwm-cell.cwm-ghost,
#cwMaker .cwm-cell.cwm-ghost-invalid{
  box-sizing:border-box;
}


/* ============================================================
   V3.0 UNIFIED CROSSWORD BOXES
   Every used square receives the same independent bold outline.
   ============================================================ */


/* ============================================================
   V3.0 CLEAN MAKER BOXES
   ============================================================ */
#cwMaker .cwm-cell.cwm-related-word{
  border:1px solid #6f9fca !important;
  box-shadow:none !important;
}

#cwMaker .cwm-cell.cwm-ghost{
  border:2px solid #d89d00 !important;
  box-shadow:none !important;
}

#cwMaker .cwm-cell.cwm-ghost-invalid{
  border:2px solid #c85d5d !important;
  box-shadow:none !important;
}


/* ============================================================
   MAKE IT V3.2 - ACCOUNTS + MY CROSSWORDS
   ============================================================ */

#cwMaker .cwm-accountbar{
  margin:0 0 10px;
  padding:8px 10px;
  border:1px solid #cfe0ef;
  border-radius:10px;
  background:#f7fbff;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}

#cwMaker .cwm-account-left{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
  color:#17375e;
  font-size:12px;
}

#cwMaker .cwm-account-status{
  color:#6a8095;
  font-size:10px;
  font-weight:600;
}

#cwMaker .cwm-account-actions{
  display:flex;
  align-items:center;
  gap:6px;
  flex-wrap:wrap;
}

#cwMaker .cwm-modal{
  position:fixed;
  inset:0;
  z-index:999999;
  padding:20px;
  background:rgba(19,42,66,.46);
  display:flex;
  align-items:center;
  justify-content:center;
}

#cwMaker .cwm-modal.cwm-hidden{
  display:none !important;
}

#cwMaker .cwm-modal-card{
  position:relative;
  width:min(520px,96vw);
  max-height:88vh;
  overflow:auto;
  padding:20px;
  background:#fff;
  border:1px solid #c8dcec;
  border-radius:14px;
  box-shadow:0 18px 55px rgba(19,42,66,.25);
  color:#17375e;
}

#cwMaker .cwm-library-modal-card{
  width:min(820px,96vw);
}

#cwMaker .cwm-modal-card h3{
  margin:0 34px 5px 0;
  font-size:20px;
  color:#075fc7;
}

#cwMaker .cwm-modal-note{
  margin:0 0 14px;
  color:#697f94;
  font-size:11px;
  line-height:1.4;
}

#cwMaker .cwm-modal-close{
  position:absolute;
  top:10px;
  right:10px;
  width:30px;
  height:30px;
  border:1px solid #c7d8e8;
  border-radius:8px;
  background:#fff;
  color:#5e7184;
  font-size:20px;
  line-height:1;
  cursor:pointer;
}

#cwMaker .cwm-account-form{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}

#cwMaker .cwm-account-form label{
  display:flex;
  flex-direction:column;
  gap:4px;
  color:#425c75;
  font-size:10px;
  font-weight:800;
}

#cwMaker .cwm-account-form input{
  height:38px;
  padding:0 10px;
  border:1px solid #bcd2e6;
  border-radius:8px;
  background:#fff;
  color:#17375e;
  font:inherit;
  font-size:12px;
}

#cwMaker .cwm-modal-buttons{
  display:flex;
  gap:7px;
  margin-top:12px;
  flex-wrap:wrap;
}

#cwMaker .cwm-account-message{
  min-height:18px;
  margin-top:9px;
  color:#697f94;
  font-size:11px;
  font-weight:600;
}

#cwMaker .cwm-account-message.success{color:#247243;}
#cwMaker .cwm-account-message.error{color:#a53939;}

#cwMaker .cwm-account-remember{
  margin:12px 0 0;
  padding-top:10px;
  border-top:1px solid #e3edf5;
  color:#75899d;
  font-size:9px;
  line-height:1.45;
}

#cwMaker .cwm-cloud-warning{
  margin-bottom:12px;
  padding:9px 10px;
  border:1px solid #efd38a;
  border-radius:8px;
  background:#fff8df;
  color:#825b00;
  font-size:10px;
  line-height:1.4;
}

#cwMaker .cwm-library-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:8px;
}

#cwMaker .cwm-library-list{
  display:flex;
  flex-direction:column;
  gap:7px;
  margin-top:8px;
}

#cwMaker .cwm-library-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:10px;
  border:1px solid #d4e3f0;
  border-radius:10px;
  background:#fbfdff;
}

#cwMaker .cwm-library-info{
  min-width:0;
  flex:1;
}

#cwMaker .cwm-library-title{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#17375e;
  font-size:13px;
  font-weight:800;
}

#cwMaker .cwm-library-meta{
  margin-top:3px;
  color:#71869a;
  font-size:9px;
  line-height:1.35;
}

#cwMaker .cwm-library-actions{
  display:flex;
  gap:5px;
  flex:0 0 auto;
}

@media(max-width:700px){
  #cwMaker .cwm-accountbar{
    align-items:flex-start;
    flex-direction:column;
  }

  #cwMaker .cwm-account-actions{
    width:100%;
  }

  #cwMaker .cwm-account-actions button{
    flex:1 1 auto;
  }

  #cwMaker .cwm-account-form{
    grid-template-columns:1fr;
  }

  #cwMaker .cwm-library-row{
    align-items:flex-start;
    flex-direction:column;
  }

  #cwMaker .cwm-library-actions{
    width:100%;
  }

  #cwMaker .cwm-library-actions button{
    flex:1 1 auto;
  }
}


/* V3.2 MySQL account refinements */
#cwMaker .cwm-forgot-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:0 4px;
  color:#075fc7;
  font-size:10px;
  font-weight:800;
  text-decoration:none;
}
#cwMaker .cwm-forgot-link:hover{
  text-decoration:underline;
}
#cwMaker .cwm-optional{
  color:#8194a6;
  font-size:9px;
  font-weight:600;
}

/* Make It V3.3: REDESIGN now cycles deterministically through valid layouts. */


/* Make It V3.4 - Digital Crossword download */
#cwMaker .cwm-printbar{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  align-items:center;
}
@media(max-width:700px){
  #cwMaker .cwm-printbar button{
    flex:1 1 210px;
  }
}

/* Make It V3.4.1: fixes Digital Crossword rendering and adds portable progress files. */

/* Make It V3.4.2: digital player uses square auto-sized cells and transparent unused space. */

/* Make It V3.4.3: digital active-square cursor, compact one-page desktop layout, mobile Puzzle/Clues tabs. */

/* Make It V3.5: cleaner digital clues, reveal-one-letter hint, and 1-page/2-page digital printing. */

/* V3.6 Play It submission */
#cwMaker #cwmSubmitPlayModal select{
  height:38px;padding:0 10px;border:1px solid #bcd2e6;border-radius:8px;background:#fff;color:#17375e;font:inherit;font-size:12px;
}

/* V3.7 adds Play It category selection. */

/* Make It V3.18 - Theme Ideas */
#cwMaker .cwm-theme-card{width:min(860px,94vw)}
#cwMaker .cwm-theme-toolbar{display:flex;gap:8px;align-items:end;flex-wrap:wrap;margin:10px 0}
#cwMaker .cwm-theme-toolbar label{display:flex;flex-direction:column;gap:4px;font-size:11px;font-weight:800;color:#17375e}
#cwMaker .cwm-theme-toolbar select,#cwMaker .cwm-theme-toolbar input{
  height:36px;border:1px solid #bcd2e6;border-radius:8px;background:#fff;color:#17375e;padding:0 9px;font:inherit;font-size:12px
}
#cwMaker .cwm-theme-toolbar input{min-width:220px}
#cwMaker .cwm-theme-list{max-height:430px;overflow:auto;border:1px solid #dbe7f1;border-radius:9px;background:#fff}
#cwMaker .cwm-theme-row{display:grid;grid-template-columns:28px 120px minmax(0,1fr) 58px;gap:8px;align-items:center;min-height:38px;padding:4px 7px;border-bottom:1px solid #edf3f8}
#cwMaker .cwm-theme-row:last-child{border-bottom:0}
#cwMaker .cwm-theme-row.is-added{opacity:.55;background:#f7fafc}
#cwMaker .cwm-theme-word{font-size:11px;color:#075fc7}
#cwMaker .cwm-theme-clue{font-size:11px;color:#536b80}
#cwMaker .cwm-theme-check{text-align:center}
#cwMaker .cwm-theme-one{padding:5px 7px;font-size:9px}
@media(max-width:620px){
 #cwMaker .cwm-theme-row{grid-template-columns:26px 90px 52px}
 #cwMaker .cwm-theme-clue{grid-column:2 / -1;grid-row:2}
 #cwMaker .cwm-theme-toolbar input{min-width:0;flex:1 1 180px}
}

/* Make It V3.18 - Theme Ideas layout refinement */
#cwMaker .cwm-theme-card{width:min(860px,94vw);max-height:none;overflow:visible}
#cwMaker .cwm-theme-toolbar{display:grid;grid-template-columns:auto minmax(180px,1fr) auto;gap:8px;align-items:end}
#cwMaker .cwm-theme-add-top{justify-self:end;white-space:nowrap;height:36px}
#cwMaker .cwm-theme-list{max-height:none;overflow:visible}
#cwMaker #cwmThemeModal{overflow:visible;align-items:flex-start}
@media(max-width:700px){
 #cwMaker .cwm-theme-toolbar{grid-template-columns:1fr 1fr}
 #cwMaker .cwm-theme-add-top{grid-column:1 / -1;justify-self:stretch}
}

/* Make It V3.18 - Theme Ideas scrolling fix */
body.cwm-theme-modal-open{
  overflow:hidden !important;
}

#cwMaker #cwmThemeModal{
  position:fixed;
  inset:0;
  overflow:hidden !important;
  align-items:center;
  overscroll-behavior:contain;
}

#cwMaker .cwm-theme-card{
  width:min(860px,94vw);
  max-height:calc(100vh - 40px);
  overflow:hidden !important;
  display:flex;
  flex-direction:column;
}

#cwMaker .cwm-theme-toolbar,
#cwMaker .cwm-theme-card > h3,
#cwMaker .cwm-theme-card > .cwm-modal-note,
#cwMaker .cwm-theme-card > .cwm-account-message{
  flex:0 0 auto;
}

#cwMaker .cwm-theme-list{
  flex:1 1 auto;
  min-height:180px;
  max-height:none !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
}

#cwMaker .cwm-theme-list:hover,
#cwMaker .cwm-theme-list:focus-within{
  overscroll-behavior:contain;
}

@media(max-width:700px){
  #cwMaker .cwm-theme-card{
    max-height:calc(100vh - 20px);
  }
}


/* MAKE IT V3.18 - account workflow and page scrolling */
#cwMaker .cwm-board-wrap{
  height:auto !important;
  min-height:560px !important;
  overflow-x:auto !important;
  overflow-y:visible !important;
  overscroll-behavior-x:contain;
  overscroll-behavior-y:auto !important;
  touch-action:pan-x !important;
}
#cwMaker .cwm-grid-stage{min-height:526px !important;}

#cwMaker .cwm-dashboard-modal-card{width:min(920px,96vw);}
#cwMaker .cwm-account-dashboard-nav{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:10px 0 12px;
}
#cwMaker .cwm-dashboard-button{
  display:flex;flex-direction:column;align-items:flex-start;justify-content:center;
  min-height:70px;padding:11px 13px;border:1px solid #c8dcec;border-radius:11px;
  background:#f8fbfe;color:#075fc7;cursor:pointer;text-align:left;
}
#cwMaker .cwm-dashboard-button strong{font-size:12px;line-height:1.2;}
#cwMaker .cwm-dashboard-button span{margin-top:4px;color:#637d95;font-size:10px;}
#cwMaker .cwm-dashboard-button.cwm-dashboard-active{
  border-color:#075fc7;background:#edf6ff;box-shadow:0 0 0 1px rgba(7,95,199,.08);
}
#cwMaker .cwm-dashboard-content{margin:8px 0 14px;}
#cwMaker .cwm-dashboard-panel{
  padding:13px;border:1px solid #d7e6f2;border-radius:11px;background:#fff;
}
#cwMaker .cwm-dashboard-panel h4,#cwMaker .cwm-saved-crosswords-section h4{
  margin:0 0 9px;color:#075fc7;font-size:14px;
}
#cwMaker .cwm-account-info-grid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;
}
#cwMaker .cwm-account-info-grid>div{
  padding:9px 10px;border:1px solid #e0eaf2;border-radius:8px;background:#f9fcff;
}
#cwMaker .cwm-account-info-grid span{
  display:block;margin-bottom:3px;color:#75899c;font-size:9px;font-weight:700;text-transform:uppercase;
}
#cwMaker .cwm-account-info-grid strong{
  display:block;color:#17375e;font-size:12px;overflow-wrap:anywhere;
}
#cwMaker .cwm-action-alert{
  margin-top:10px;padding:9px 10px;border:1px solid #f0c65c;border-radius:8px;
  background:#fff8dc;color:#775600;font-size:11px;font-weight:700;
}
#cwMaker .cwm-submission-row{
  display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #e7eef4;
}
#cwMaker .cwm-submission-row:last-child{border-bottom:0;}
#cwMaker .cwm-submission-main{min-width:0;flex:1;}
#cwMaker .cwm-submission-title{color:#17375e;font-size:13px;font-weight:800;}
#cwMaker .cwm-submission-meta{margin-top:2px;color:#6b8196;font-size:9.5px;}
#cwMaker .cwm-submission-dates{
  display:flex;flex-wrap:wrap;gap:5px 12px;margin-top:6px;color:#536f88;font-size:9px;
}
#cwMaker .cwm-review-note{
  margin-top:7px;padding:7px 8px;border-left:3px solid #ffc52f;background:#fffaf0;
  color:#5c4b20;font-size:10px;line-height:1.35;
}
#cwMaker .cwm-submission-actions{
  display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:7px;
}
#cwMaker .cwm-status{
  display:inline-block;padding:3px 7px;border-radius:999px;background:#eef3f7;color:#536b80;
  font-size:8.5px;font-weight:800;white-space:nowrap;
}
#cwMaker .cwm-status-changes_requested{background:#fff2bf;color:#725500;}
#cwMaker .cwm-status-pending{background:#eaf4ff;color:#075fc7;}
#cwMaker .cwm-status-rejected{background:#fff0f0;color:#9f2f2f;}
#cwMaker .cwm-status-approved{background:#ecf8ee;color:#27743a;}
#cwMaker .cwm-saved-crosswords-section{
  margin-top:12px;padding-top:12px;border-top:1px solid #dce7f1;
}
#cwMaker .cwm-saved-head p{margin:-4px 0 8px;color:#75899c;font-size:9.5px;}
#cwMaker .cwm-empty-panel{
  padding:12px;border:1px dashed #cad9e5;border-radius:8px;color:#71879a;font-size:10px;text-align:center;
}
@media(max-width:700px){
  #cwMaker .cwm-account-dashboard-nav{grid-template-columns:1fr;}
  #cwMaker .cwm-dashboard-button{min-height:56px;}
  #cwMaker .cwm-account-info-grid{grid-template-columns:1fr;}
  #cwMaker .cwm-submission-row{flex-direction:column;}
  #cwMaker .cwm-submission-actions{align-items:flex-start;}
  #cwMaker .cwm-board-wrap{min-height:420px !important;}
  #cwMaker .cwm-grid-stage{min-height:386px !important;}
}


/* MAKE IT V3.18 - Pending Review withdraw/edit workflow */
#cwMaker [data-withdraw-edit]{
  white-space:nowrap;
}