@charset "utf-8";
/**
 * Claude UI Style for KBoard
 * Modern, clean design inspired by Claude's interface
 * 
 * ÁÖ¿ä Ư¡:
 * - ClaudeÀÇ ½Ã±×´Ïó Ä÷¯(µû¶æÇÑ ¿À·»Áö/±¸¸®»ö) »ç¿ë
 * - ºÎµå·¯¿î ±×¸²ÀÚ¿Í µÕ±Ù ¸ð¼­¸®·Î Çö´ëÀûÀÎ ´À³¦
 * - ¸íÈ®ÇÑ ½Ã°¢Àû °èÃþ ±¸Á¶
 * - ¹ÝÀÀÇü µðÀÚÀÎ Áö¿ø
 */

/**
 * CSS º¯¼ö Á¤ÀÇ
 * »ö»ó°ú Å©±â¸¦ º¯¼ö·Î °ü¸®ÇÏ¿© ÀÏ°ü¼º À¯Áö ¹× À¯Áöº¸¼ö ¿ëÀÌ
 */
:root {
  /* ÁÖ »ö»ó */
  --claude-primary: #D97757;           /* Claude ¸ÞÀÎ Ä÷¯ (µû¶æÇÑ ¿À·»Áö) */
  --claude-primary-hover: #C66846;     /* È£¹ö ½Ã Á¶±Ý ´õ ¾îµÎ¿î »ö */
  --claude-secondary: #E8DDD7;         /* º¸Á¶ »ö»ó (¿¬ÇÑ º£ÀÌÁö) */
  
  /* ¹è°æ »ö»ó */
  --claude-bg: #FEFDFB;                /* ÆäÀÌÁö Àüü ¹è°æ (Å©¸²»ö) */
  --claude-surface: #FFFFFF;           /* Ä«µå/¹Ú½º ¹è°æ (Èò»ö) */
  
  /* Å׵θ® */
  --claude-border: #E5E5E5;            /* ±âº» Å׵θ® »ö»ó */
  
  /* ÅؽºÆ® »ö»ó */
  --claude-text: #2D2D2D;              /* ¸ÞÀÎ ÅؽºÆ® (ÁøÇÑ È¸»ö) */
  --claude-text-secondary: #666666;    /* º¸Á¶ ÅؽºÆ® (Áß°£ ȸ»ö) */
  --claude-text-light: #999999;        /* ¿¬ÇÑ ÅؽºÆ® (¹àÀº ȸ»ö) */
  
  /* ±×¸²ÀÚ */
  --claude-shadow: rgba(0, 0, 0, 0.08);       /* ±âº» ±×¸²ÀÚ */
  --claude-shadow-hover: rgba(0, 0, 0, 0.12); /* È£¹ö ½Ã ±×¸²ÀÚ */
  
  /* µÕ±Ù ¸ð¼­¸® */
  --claude-radius: 12px;               /* Å« ¿ä¼Ò¿ë (Ä«µå, ¹Ú½º) */
  --claude-radius-sm: 8px;             /* ÀÛÀº ¿ä¼Ò¿ë (¹öÆ°, ÀÔ·ÂÇʵå) */
}

/**
 * ·¹À̾ƿô ÇïÆÛ Å¬·¡½º
 * float¸¦ »ç¿ëÇÑ Á¿ì Á¤·Ä (¹öÆ° ¹èÄ¡¿ë)
 */
.left {
  float: left !important;
  text-align: left !important;
}

.right {
  float: right !important;
  text-align: right !important;
}

/* ========================================
   ¹öÆ° ½ºÅ¸ÀÏ
   ======================================== */

/**
 * ±âº» ¹öÆ° ½ºÅ¸ÀÏ
 * ¸ñ·Ïº¸±â, ±Û¾²±â, ¼öÁ¤, »èÁ¦ µî ¸ðµç ¹öÆ°¿¡ Àû¿ë
 */
a.kboard-default-button-small,
input.kboard-default-button-small,
button.kboard-default-button-small {
  position: relative;
  display: inline-block;
  margin: 0;
  padding: 0 20px;
  height: 36px;
  line-height: 36px;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.01em;
  color: var(--claude-text) !important;
  background: var(--claude-surface) !important;
  border: 1.5px solid var(--claude-border);
  border-radius: var(--claude-radius-sm);
  text-decoration: none !important;
  cursor: pointer;
  vertical-align: middle;
  box-shadow: 0 1px 3px var(--claude-shadow);
  /* cubic-bezier: ºÎµå·¯¿î ¾Ö´Ï¸ÞÀÌ¼Ç °î¼± */
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  box-sizing: border-box;
}

/**
 * ¹öÆ° È£¹ö È¿°ú
 * ¸¶¿ì½º ¿Ã·ÈÀ» ¶§ ¸ÞÀÎ Ä÷¯·Î º¯°æ + »ì¦ À§·Î ¿Ã¶ó¿È
 */
a.kboard-default-button-small:hover,
input.kboard-default-button-small:hover,
button.kboard-default-button-small:hover {
  border-color: var(--claude-primary);
  background: var(--claude-primary) !important;
  color: white !important;
  box-shadow: 0 4px 12px rgba(217, 119, 87, 0.3);
  transform: translateY(-1px);  /* »ì¦ À§·Î */
  opacity: 1;
}

/* ========================================
   À¯Æ¿¸®Æ¼ Ŭ·¡½º
   ======================================== */

/**
 * "Powered by KBoard" ÅؽºÆ® ½ºÅ¸ÀÏ
 */
.kboard-default-poweredby {
  float: left;
  padding-bottom: 15px;
  width: 100%;
  font-size: 13px;
  color: var(--claude-text-light);
}

/**
 * "New" ¹èÁö ½ºÅ¸ÀÏ
 * »õ ±Û¿¡ Ç¥½ÃµÇ´Â ÀÛÀº ¹èÁö
 */
.kboard-default-new-notify {
  display: inline-block;
  padding: 3px 8px;
  line-height: 1;
  font-size: 11px;
  font-weight: 600;
  color: white;
  /* ±×¶óµ¥ÀÌ¼Ç ¹è°æÀ¸·Î ÀÔü°¨ */
  background: linear-gradient(135deg, #FF6B6B, #D97757);
  border-radius: 4px;
  margin-right: 6px;
}

/**
 * ±ä Á¦¸ñ ÀÚ¸£±â (¸»ÁÙÀÓÇ¥ ó¸®)
 */
.kboard-default-cut-strings {
  width: auto;
  overflow: hidden;
  white-space: nowrap;          /* ÁÙ¹Ù²Þ ±ÝÁö */
  text-overflow: ellipsis;      /* ... Ç¥½Ã */
  word-wrap: normal;
}

/* ========================================
   °Ô½ÃÆÇ ¸ñ·Ï
   ======================================== */

/**
 * ¸ñ·Ï ÄÁÅ×À̳Ê
 */
#kboard-default-list {
  display: inline-block;
  margin: 0;
  width: 100%;
  background: var(--claude-bg);
}

#kboard-default-list form {
  margin: 0;
  padding: 0;
}

/**
 * ¸ñ·Ï »ó´Ü Çì´õ (ÃÑ °Ô½Ã¹° ¼ö, Á¤·Ä ¿É¼Ç)
 */
#kboard-default-list .kboard-list-header {
  float: left;
  display: table;
  padding-bottom: 20px;
  width: 100%;
}

/* ÃÑ °Ô½Ã¹° ¼ö Ç¥½Ã */
#kboard-default-list .kboard-list-header .kboard-total-count {
  display: table-cell;
  font-size: 15px;
  font-weight: 600;
  color: var(--claude-text);
}

/* Á¤·Ä ¿É¼Ç (Ãֽżø, º£½ºÆ® µî) */
#kboard-default-list .kboard-list-header .kboard-sort {
  display: table-cell;
  text-align: right;
}

#kboard-default-list .kboard-list-header .kboard-sort select {
  display: inline;
  margin: 0;
  padding: 0 12px;
  height: 36px;
  line-height: 36px;
  font-size: 14px;
  color: var(--claude-text);
  border-radius: var(--claude-radius-sm);
  border: 1.5px solid var(--claude-border);
  background: var(--claude-surface);
  box-shadow: 0 1px 3px var(--claude-shadow);
  transition: all 0.2s ease;
  box-sizing: border-box;
}

#kboard-default-list .kboard-list-header .kboard-sort select:hover {
  border-color: var(--claude-primary);
}

/* ========================================
   Ä«Å×°í¸®
   ======================================== */

#kboard-default-list .kboard-category {
  float: left;
  padding-bottom: 20px;
  width: 100%;
}

/* PC¿ë Ä«Å×°í¸®´Â º¸ÀÌ°í, ¸ð¹ÙÀÏ¿ëÀº ¼û±è */
#kboard-default-list .kboard-category.category-mobile {
  display: none;
}

#kboard-default-list .kboard-category.category-pc {
  display: block;
}

/* ¸ð¹ÙÀÏ¿ë Ä«Å×°í¸® µå·Ó´Ù¿î */
#kboard-default-list .kboard-category select {
  display: inline;
  margin: 0 0 8px 0;
  padding: 0 12px;
  width: 100%;
  height: 36px;
  line-height: 36px;
  font-size: 14px;
  color: var(--claude-text);
  border-radius: var(--claude-radius-sm);
  border: 1.5px solid var(--claude-border);
  background: var(--claude-surface);
  box-shadow: 0 1px 3px var(--claude-shadow);
  transition: all 0.2s ease;
  box-sizing: border-box;
}

/**
 * PC¿ë Ä«Å×°í¸® ÅÇ ¸ñ·Ï
 * °¡·Î·Î ³ª¿­µÈ Ä«Å×°í¸® ¹öÆ°µé
 */
#kboard-default-list .kboard-category .kboard-category-list {
  margin: 0 0 8px 0;
  padding: 6px;
  list-style: none;

  font-family:NanumSquare;
  font-size:12pt;
  border: 0;
  background: var(--claude-surface);
  border-radius: var(--claude-radius);
  box-shadow: 0 1px 3px var(--claude-shadow);
  overflow: hidden;
}

#kboard-default-list .kboard-category .kboard-category-list li {
  display: inline-block;
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
}

/* Ä«Å×°í¸® ¹öÆ° */
#kboard-default-list .kboard-category .kboard-category-list li a {
  display: block;
  padding: 10px 16px;
  font-size: 14px;
  font-family:NanumSquare;
  font-size:12pt;
  border: 0;
  border-radius: var(--claude-radius-sm);
  text-decoration: none;
  color: var(--claude-text-secondary);
  transition: all 0.2s ease;
}

/* Ä«Å×°í¸® È£¹ö */
#kboard-default-list .kboard-category .kboard-category-list li a:hover {
  background: var(--claude-secondary);
  color: var(--claude-text);
}

/* ¼±ÅÃµÈ Ä«Å×°í¸® */
#kboard-default-list .kboard-category .kboard-category-list li.kboard-category-selected a {
  font-weight: 400;
  background: var(--claude-primary);
  color: white;
}

/* ========================================
   Æ®¸® Ä«Å×°í¸® (°èÃþÇü)
   ======================================== */

#kboard-default-list .kboard-tree-category {
  float: left;
  margin: 0 0 8px 0;
  padding: 6px;
  width: 100%;
  list-style: none;
  background: var(--claude-surface);
  border-radius: var(--claude-radius);
  box-shadow: 0 1px 3px var(--claude-shadow);
  overflow: hidden;
}

#kboard-default-list .kboard-tree-category li {
  display: inline-block;
  margin: 0;
  padding: 0;
  list-style: none;
}

#kboard-default-list .kboard-tree-category li a {
  display: block;
  padding: 10px 16px;
  font-size: 14px;
  font-weight: 500;
  border-radius: var(--claude-radius-sm);
  text-decoration: none;
  color: var(--claude-text-secondary);
  transition: all 0.2s ease;
}

#kboard-default-list .kboard-tree-category li a:hover {
  background: var(--claude-secondary);
  color: var(--claude-text);
}

#kboard-default-list .kboard-tree-category li.kboard-category-selected a {
  font-weight: 600;
  background: var(--claude-primary);
  color: white;
}

/* ========================================
   °Ô½Ã±Û ¸ñ·Ï Å×À̺í
   ======================================== */

/**
 * ¸ñ·Ï Å×À̺í ÄÁÅ×À̳Ê
 * Ä«µå ÇüÅÂÀÇ ¹Ú½º ¾È¿¡ Å×ÀÌºí ¹èÄ¡
 */
#kboard-default-list .kboard-list {
  float: left;
  width: 100%;
  background: var(--claude-surface);
  border-radius: var(--claude-radius);
  box-shadow: 0 1px 3px var(--claude-shadow);
  overflow: hidden;
}

/**
 * Å×ÀÌºí ±âº» ¼³Á¤
 * table-layout: fixed·Î Ä÷³ ³Êºñ °íÁ¤
 */
#kboard-default-list .kboard-list table {
  display: table;
  table-layout: fixed;
  margin: 0;
  padding: 0;
  width: 100%;
  border: 0;
  font-size: 12pt;
 font-family:NanumSquare;
  border-collapse: collapse;
}

/* ¸µÅ© ½ºÅ¸ÀÏ */
#kboard-default-list .kboard-list table a {text-decoration:none;font-family:NanumSquare;font-size:12pt;color:#000000;border-bottom:2px solid #e3e3e3;line-height:160%} 

#kboard-default-list .kboard-list table a:hover{text-decoration:none;font-family:NanumSquare;font-size:12pt;color:#b7777a;border-bottom:2px solid #D73D07;line-height:160%} 

/* Çà ½ºÅ¸ÀÏ */
#kboard-default-list .kboard-list table tr {
  border: 0;
  background-color: transparent;
  transition: all 0.2s ease;
}

/**
 * ¼¿ ±âº» ½ºÅ¸ÀÏ
 * ÀûÀýÇÑ ÆеùÀ¸·Î ¿©À¯°ø°£ È®º¸
 */
#kboard-default-list .kboard-list table td {
  padding: 16px 12px;
  height: auto;
  text-align: center;
  vertical-align: middle;
  font-size: 14px;
  border-bottom: 1px solid var(--claude-border);
}

/**
 * °¢ Ä÷³º° ³Êºñ ¼³Á¤
 */
/* ¹øÈ£ Ä÷³ */
#kboard-default-list .kboard-list table td.kboard-list-uid {
  width: 72px;
  font-weight: 600;
  color: var(--claude-text-secondary);
}

/* Á¦¸ñ Ä÷³ (³ª¸ÓÁö °ø°£ Â÷Áö) */
#kboard-default-list .kboard-list table td.kboard-list-title {
  width: auto;
  text-align: left;
}

/* ÀÛ¼ºÀÚ Ä÷³ */
#kboard-default-list .kboard-list table td.kboard-list-user {
  width: 100px;
}

/* ÀÛ¼ºÀÏ Ä÷³ (90px·Î ³ÐÇô¼­ µÎ ÁÙ ¹æÁö) */
#kboard-default-list .kboard-list table td.kboard-list-date {
  width: 90px;
  white-space: nowrap;  /* ÁÙ¹Ù²Þ ¹æÁö */
  color: var(--claude-text-secondary);
}

/* Ãßõ/Á¶È¸ Ä÷³ */
#kboard-default-list .kboard-list table td.kboard-list-vote,
#kboard-default-list .kboard-list table th.kboard-list-vote {
  display: none !important; /* Ãßõ Ä÷³ ¿ÏÀü ¼û±è */
}

#kboard-default-list .kboard-list table td.kboard-list-view,
#kboard-default-list .kboard-list table th.kboard-list-view {
  width: 55px;
  color: var(--claude-text-secondary);
}
/**
 * Å×À̺í Çì´õ (¹øÈ£, Á¦¸ñ, ÀÛ¼ºÀÚ µî)
 * ¿¬ÇÑ ¿À·»Áö ¹è°æÀ¸·Î ±¸ºÐ
 */
#kboard-default-list .kboard-list thead tr td {
  font-weight: 400;
  color: var(--claude-text);
  background: #f8e0d0;  /* ¿¬ÇÑ ¿À·»Áö/º£ÀÌÁö */
  border-bottom: 1px solid var(--claude-border);
}

/**
 * Å×ÀÌºí ¹Ùµð (½ÇÁ¦ °Ô½Ã±Ûµé)
 */
/* Çà È£¹ö È¿°ú - ¿¬ÇÑ ±×¶óµ¥ÀÌ¼Ç ¹è°æ */
#kboard-default-list .kboard-list tbody tr:hover {
  background: linear-gradient(to right, rgba(217, 119, 87, 0.03), transparent);
}

/* ¸¶Áö¸· ÇàÀº ÇÏ´Ü Å׵θ® ¾øÀ½ */
#kboard-default-list .kboard-list tbody tr:last-child td {
  border-bottom: none;
}

/* °øÁö»çÇ× ¹è°æ */
#kboard-default-list .kboard-list tbody tr.kboard-list-notice {
  background: linear-gradient(135deg, #FFF8F5, #FFFBF8);
}

/* Àαâ±Û ¹øÈ£ °­Á¶ */
#kboard-default-list .kboard-list tbody tr.kboard-list-popular .kboard-list-uid {
  font-weight: 700;
  color: var(--claude-primary);
}

/* Á¦¸ñ ¾È À̹ÌÁö (ºñ¹Ð±Û ¾ÆÀÌÄÜ µî) */
#kboard-default-list .kboard-list tbody td.kboard-list-title img {
  display: inline;
  margin: 0 4px 0 0;
  width: auto;
  height: auto;
  vertical-align: middle;
  max-width: 100%;
}

/* ´ñ±Û ¼ö Ç¥½Ã */
#kboard-default-list .kboard-list tbody td.kboard-list-title .kboard-comments-count {
  color: var(--claude-primary);
  font-weight: 600;
  margin-left: 6px;
}

/* ÀÛ¼ºÀÚ ¾Æ¹ÙŸ À̹ÌÁö */
#kboard-default-list .kboard-list tbody td.kboard-list-user img.avatar {
  display: inline;
  margin: 0 6px 0 0;
  width: 24px;
  height: 24px;
  vertical-align: middle;
  border-radius: 50%;  /* ¿øÇü */
}

/**
 * ¸ð¹ÙÀÏ¿ë Á¤º¸ Ç¥½Ã
 * PC¿¡¼­´Â ¼û±è, ¸ð¹ÙÀÏ¿¡¼­¸¸ Ç¥½Ã
 */
#kboard-default-list .kboard-list .kboard-mobile-contents {
  display: none;  /* PC¿¡¼­ ±âº» ¼û±è */
  font-size: 13px;
  color: var(--claude-text-light);
}

#kboard-default-list .kboard-list .kboard-mobile-contents .contents-item {
  display: inline;
  margin: 0;
  padding: 0;
}

#kboard-default-list .kboard-list .kboard-mobile-contents .contents-item img.avatar {
  display: inline;
  margin: 0;
  width: 24px;
  max-width: none;
  height: 24px;
  vertical-align: middle;
  border-radius: 50%;
}

#kboard-default-list .kboard-list .kboard-mobile-contents .contents-separator {
  display: inline;
  margin: 0;
  padding: 0 2px;
  color: var(--claude-text-light);
}

/* ========================================
   ÆäÀÌÁö³×ÀÌ¼Ç (ÆäÀÌÁö ¹øÈ£)
   ======================================== */

#kboard-default-list .kboard-pagination {
  float: left;
  padding: 24px 0;
  width: 100%;
}

#kboard-default-list .kboard-pagination .kboard-pagination-pages {
  float: left;
  margin: 0;
  padding: 0;
  width: 100%;
  list-style: none;
  text-align: center;
}

#kboard-default-list .kboard-pagination .kboard-pagination-pages li {
  display: inline-block;
  margin: 0 3px;
  padding: 0;
  list-style: none;
}

/* ÆäÀÌÁö ¹øÈ£ ¹öÆ° */
#kboard-default-list .kboard-pagination .kboard-pagination-pages li a {
  display: block;
  padding: 0 14px;
  height: 36px;
  line-height: 36px;
  font-size: 14px;
  font-weight: 500;
  color: var(--claude-text-secondary);
  text-decoration: none;
  border-radius: var(--claude-radius-sm);
  background: var(--claude-surface);
  border: 1.5px solid var(--claude-border);
  box-shadow: 0 1px 2px var(--claude-shadow);
  transition: all 0.2s ease;
}

/* ÆäÀÌÁö ¹øÈ£ È£¹ö */
#kboard-default-list .kboard-pagination .kboard-pagination-pages li:hover a {
  border-color: var(--claude-primary);
  color: var(--claude-text);
  transform: translateY(-1px);
  box-shadow: 0 2px 6px rgba(217, 119, 87, 0.2);
}

/* ÇöÀç ÆäÀÌÁö */
#kboard-default-list .kboard-pagination .kboard-pagination-pages li.active a {
  background: var(--claude-primary);
  border-color: var(--claude-primary);
  color: white;
  box-shadow: 0 2px 6px rgba(217, 119, 87, 0.3);
}

/* ========================================
   °Ë»ö Æû
   ======================================== */

#kboard-default-list .kboard-search {
  float: left;
  padding-bottom: 20px;
  width: 100%;
  text-align: center;
}

/* °Ë»ö ¿É¼Ç (Á¦¸ñ, ³»¿ë, ÀÛ¼ºÀÚ) ¹× °Ë»ö¾î ÀÔ·Â */
#kboard-default-list .kboard-search select,
#kboard-default-list .kboard-search input {
  display: inline;
  margin: 0 4px;
  padding: 0 12px;
  height: 36px;
  line-height: 36px;
  font-size: 14px;
  color: var(--claude-text);
  border-radius: var(--claude-radius-sm);
  border: 1.5px solid var(--claude-border);
  background: var(--claude-surface);
  box-shadow: 0 1px 3px var(--claude-shadow);
  transition: all 0.2s ease;
  box-sizing: border-box;
}

#kboard-default-list .kboard-search select {
  width: 100px;
}

#kboard-default-list .kboard-search input {
  width: 200px;
}

/* Æ÷Ä¿½º ½Ã Å׵θ® °­Á¶ */
#kboard-default-list .kboard-search select:focus,
#kboard-default-list .kboard-search input:focus {
  outline: none;
  border-color: var(--claude-primary);
  box-shadow: 0 0 0 3px rgba(217, 119, 87, 0.1);  /* ¿Ü°û ¹ß±¤ È¿°ú */
}

/* ========================================
   ÄÁÆ®·Ñ ¹öÆ° ¿µ¿ª
   ======================================== */

#kboard-default-list .kboard-control {
  float: left;
  padding-bottom: 20px;
  width: 100%;
  text-align: right;
}

/* ========================================
   ±Û¾²±â/¼öÁ¤ ¿¡µðÅÍ
   ======================================== */

#kboard-default-editor {
  overflow: hidden;
  background: var(--claude-bg);
}

#kboard-default-editor form {
  margin: 0;
  padding: 0;
}

/**
 * ÀÔ·Â ÇÊµå °øÅë ½ºÅ¸ÀÏ
 * select, text, email, password µî ¸ðµç ÀÔ·Â ¿ä¼Ò
 */
#kboard-default-editor select,
#kboard-default-editor input[type=text],
#kboard-default-editor input[type=email],
#kboard-default-editor input[type=number],
#kboard-default-editor input[type=date],
#kboard-default-editor input[type=password] {
  display: inline;
  margin: 0;
  padding: 0 12px;
  width: 30%;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  color: var(--claude-text);
  border-radius: var(--claude-radius-sm);
  border: 1.5px solid var(--claude-border);
  background: var(--claude-surface);
  box-shadow: 0 1px 3px var(--claude-shadow);
  transition: all 0.2s ease;
  box-sizing: border-box;
}

/* ÀÔ·Â Çʵå Æ÷Ä¿½º */
#kboard-default-editor select:focus,
#kboard-default-editor input[type=text]:focus,
#kboard-default-editor input[type=email]:focus,
#kboard-default-editor input[type=number]:focus,
#kboard-default-editor input[type=date]:focus,
#kboard-default-editor input[type=password]:focus {
  outline: none;
  border-color: var(--claude-primary);
  box-shadow: 0 0 0 3px rgba(217, 119, 87, 0.1);
}

/**
 * ¿¡µðÅÍ Çà (Á¦¸ñ, ÀÛ¼ºÀÚ, Ä«Å×°í¸® µî)
 */
#kboard-default-editor .kboard-attr-row {
  float: left;
  padding: 12px 0;
  width: 100%;
  background: var(--claude-surface);
}

/* Çʵå À̸§ (Á¦¸ñ, ÀÛ¼ºÀÚ µîÀÇ ·¹À̺í) */
#kboard-default-editor .kboard-attr-row .attr-name {
  display: inline;
  float: left;
  padding: 0 16px;
  width: 120px;
  line-height: 40px;
  color: var(--claude-text);
  font-size: 14px;
  font-weight: 600;
}

/* ÇÊµå °ª (½ÇÁ¦ ÀÔ·Â ¿µ¿ª) */
#kboard-default-editor .kboard-attr-row .attr-value {
  margin: 0 0 0 152px;  /* ¿ÞÂÊ¿¡ ·¹ÀÌºí °ø°£ È®º¸ */
  padding: 0;
  line-height: 40px;
  font-size: 14px;
}

/**
 * ³»¿ë ÀÔ·Â ¿µ¿ª (textarea)
 */
#kboard-default-editor .kboard-content .editor-textarea {
  display: inline;
  margin: 0;
  padding: 16px;
  width: 100%;
  height: 300px;
  font-size: 14px;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  line-height: 1.6;
  border: 1.5px solid var(--claude-border);
  border-radius: var(--claude-radius);
  background: var(--claude-surface);
  box-shadow: 0 1px 3px var(--claude-shadow);
  transition: all 0.2s ease;
  box-sizing: border-box;
}

#kboard-default-editor .kboard-content .editor-textarea:focus {
  outline: none;
  border-color: var(--claude-primary);
  box-shadow: 0 0 0 3px rgba(217, 119, 87, 0.1);
}

/* ========================================
   °Ô½Ã±Û »ó¼¼º¸±â
   ======================================== */

#kboard-default-document {
  display: inline-block;
  margin: 0;
  width: 100%;
  background: var(--claude-bg);
}

/**
 * °Ô½Ã±Û ÄÁÅ×À̳Ê
 * Ä«µå ÇüÅÂÀÇ ¹Ú½º
 */
#kboard-default-document .kboard-document-wrap {
  float: left;
  width: 100%;
  background: var(--claude-surface);
  border-radius: var(--claude-radius);
  box-shadow: 0 1px 3px var(--claude-shadow);
  overflow: hidden;
}

/**
 * °Ô½Ã±Û Á¦¸ñ
 */
#kboard-default-document .kboard-title h1 {
  margin: 0;
  padding: 24px 28px;
  color: var(--claude-text);
  font-weight: 700;
  font-size: 24px;
  line-height: 1.4;
  text-align: left;
  font-family: 'NanumSquare';
}

/**
 * °Ô½Ã±Û Á¤º¸ (ÀÛ¼ºÀÚ, ³¯Â¥, Á¶È¸¼ö)
 */
#kboard-default-document .kboard-detail {
  clear: both;
  float: left;
  width: 100%;
  font-family: 'NanumSquare';
  padding: 16px 28px;
  border-top: 1px solid var(--claude-border);
  border-bottom: 1px solid var(--claude-border);
  background: var(--claude-bg);
  font-size: 12pt;
}

#kboard-default-document .kboard-detail .detail-attr {
  display: inline-block;
  float: left;
  margin: 0 32px 0 0;
  padding: 4px 0;
}

/* Á¤º¸ À̸§ (ÀÛ¼ºÀÚ, ³¯Â¥ µîÀÇ ·¹À̺í) */
#kboard-default-document .kboard-detail .detail-attr .detail-name {
  float: left;
  font-weight: 600;
  color: var(--claude-text-secondary);
}

/* Á¤º¸ °ª */
#kboard-default-document .kboard-detail .detail-attr .detail-value {
  float: left;
  padding-left: 12px;
  color: var(--claude-text);
}

/**
 * °Ô½Ã±Û ³»¿ë
 */
#kboard-default-document .kboard-content {
  clear: both;
  float: left;
  width: 100%;
  min-height: 200px;
}

#kboard-default-document .kboard-content .content-view {
  margin: 0;
  padding: 28px;
  word-break: break-word;  /* ±ä ´Ü¾î ÁÙ¹Ù²Þ */
  line-height: 1.7;
  font-size: 12pt;
  font-family: 'NanumSquare';
  color: var(--claude-text);
}

/* ³»¿ë ¾È À̹ÌÁö */
#kboard-default-document .kboard-content .content-view img {
  display: inline;
  margin: 16px 0;
  vertical-align: middle;
  max-width: 100%;
  border-radius: var(--claude-radius-sm);
}

/**
 * °Ô½Ã±Û ¾×¼Ç ¿µ¿ª (ÁÁ¾Æ¿ä/½È¾î¿ä/Àμâ)
 */
#kboard-default-document .kboard-document-action { 
  padding: 0 28px 12px 28px; 
  line-height: 1;
  display: block;
  width: 100%;
  box-sizing: border-box;
}

#kboard-default-document .kboard-document-action::after {
  content: "";
  display: table;
  clear: both;
}

#kboard-default-document .kboard-document-action .left { 
  float: left !important;
  text-align: left !important;
}

#kboard-default-document .kboard-document-action .right { 
  float: right !important;
  text-align: right !important;
}

/**
 * ¾×¼Ç ¹öÆ° (ÁÁ¾Æ¿ä, ½È¾î¿ä, Àμâ, ´Ù¿î·Îµå)
 */
#kboard-default-document .kboard-button-action {
  display: inline-block;
  margin: 0 4px 8px 0;
  padding: 8px 12px;
  font-size: 13px;
  font-weight: 500;
  color: var(--claude-text-secondary) !important;
  border: 1.5px solid var(--claude-border);
  background: var(--claude-surface) !important;
  border-radius: var(--claude-radius-sm);
  box-shadow: 0 1px 2px var(--claude-shadow);
  cursor: pointer;
  transition: all 0.2s ease;
  vertical-align: middle;
}

#kboard-default-document .kboard-button-action:hover {
  transform: translateY(-1px);
  box-shadow: 0 2px 6px var(--claude-shadow-hover);
}

/* ¹öÆ° ¾ÈÀÇ ¸ðµç ¿ä¼Òµµ »ö»ó »ó¼Ó */
#kboard-default-document .kboard-button-action * {
  color: inherit !important;
}

/* ¹öÆ°º° »ö»ó */
#kboard-default-document .kboard-button-like {
  color: #FF6B6B !important;  /* »¡°­ */
}

#kboard-default-document .kboard-button-unlike {
  color: #4A90E2 !important;  /* ÆĶû */
}

#kboard-default-document .kboard-button-print {
  color: #666666 !important;  /* ȸ»ö */
}

#kboard-default-document .kboard-button-download {
  color: #666666 !important;  /* ȸ»ö */
}

/**
 * °Ô½Ã±Û ÄÁÆ®·Ñ (¸ñ·Ïº¸±â/´ä±Û¾²±â/¼öÁ¤/»èÁ¦)
 */
#kboard-default-document .kboard-control { 
  float: left; 
  padding: 15px 28px;  
  width: 100%; 
  box-sizing: border-box;
  display: block;
}

#kboard-default-document .kboard-control::after {
  content: "";
  display: table;
  clear: both;
}

#kboard-default-document .kboard-control .left { 
  float: left !important; 
  text-align: left !important;
}

#kboard-default-document .kboard-control .right { 
  float: right !important; 
  text-align: right !important;
}

/* ========================================
   ÃÖ±Ù °Ô½Ã¹° À§Á¬
   ======================================== */

#kboard-default-latest table {
  display: table;
  table-layout: fixed;
  width: 100%;
  border: 0;
  border-bottom: 1px solid var(--claude-border);
  background: var(--claude-surface);
  border-radius: var(--claude-radius);
  overflow: hidden;
}

#kboard-default-latest table th,
#kboard-default-latest table td {
  padding: 8px 5px;
  border-top: 1px solid var(--claude-border);
  vertical-align: middle;
}

/**
 * À§Á¬ Çì´õ (Á¦¸ñ, ³¯Â¥)
 */
#kboard-default-latest table thead th {
  font-weight: 400;
  color: var(--claude-text);
  background: var(--claude-bg);
  border-top: none;
  border-bottom: 1px solid var(--claude-border);
}

/* Á¦¸ñ Ä÷³ */
#kboard-default-latest table td.kboard-latest-title,
#kboard-default-latest table th.kboard-latest-title {
  text-align: left;
}

/**
 * ³¯Â¥ Ä÷³
 * ¿À¸¥ÂÊ Á¤·Ä·Î Ç¥½Ã
 */
#kboard-default-latest table td.kboard-latest-date,
#kboard-default-latest table th.kboard-latest-date {
  width: 110px;
  text-align: center;
  color: var(--claude-text-secondary);
}

#kboard-default-latest table .kboard-latest-title a {
  text-decoration: none;
  color: var(--claude-text);
  font-weight: 400;
  transition: color 0.2s ease;
}

#kboard-default-latest table .kboard-latest-title a:hover {
  color: var(--claude-primary);
}

/* ========================================
   ¹ÝÀÀÇü (¸ð¹ÙÀÏ)
   ======================================== */

@media screen and (max-width: 600px) {
  /**
   * Ä«Å×°í¸® Àüȯ
   * PC¿ë ¼û±â°í, ¸ð¹ÙÀÏ¿ë(µå·Ó´Ù¿î) Ç¥½Ã
   */
  #kboard-default-list .kboard-category.category-mobile {
    display: block;
  }
  
  #kboard-default-list .kboard-category.category-pc {
    display: none;
  }
  
  /**
   * Å×À̺í Çì´õ ¼û±è
   * ¸ð¹ÙÀÏ¿¡¼­´Â Ä«µå ÇüÅ·Πǥ½Ã
   */
  #kboard-default-list .kboard-list table thead {
    display: none;
  }
  
  /* Á¦¸ñ Ä÷³¸¸ Ç¥½Ã */
  #kboard-default-list .kboard-list table td.kboard-list-title {
    padding: 16px 12px;
  }
  
  /**
   * ³ª¸ÓÁö Ä÷³ ¼û±è
   * ´ë½Å ¸ð¹ÙÀÏ¿ë Á¤º¸(.kboard-mobile-contents)¸¦ Ç¥½Ã
   */
  #kboard-default-list .kboard-list table td.kboard-list-uid,
  #kboard-default-list .kboard-list table td.kboard-list-user,
  #kboard-default-list .kboard-list table td.kboard-list-date,
  #kboard-default-list .kboard-list table td.kboard-list-vote,
  #kboard-default-list .kboard-list table td.kboard-list-view {
    display: none;
  }
  
  /**
   * ¸ð¹ÙÀÏ¿ë Á¤º¸ Ç¥½Ã
   * Á¦¸ñ ¾Æ·¡ ÀÛÀº ±Û¾¾·Î ÀÛ¼ºÀÚ|³¯Â¥|Á¶È¸ Ç¥½Ã
   */
  #kboard-default-list .kboard-list .kboard-mobile-contents {
    display: block;
    margin-top: 8px;
    font-size: 13px;
    color: var(--claude-text-light);
  }
  
  /**
   * ¿¡µðÅÍ ÀÔ·Â Çʵå Àüü ³Êºñ
   */
  #kboard-default-editor select,
  #kboard-default-editor input[type=text],
  #kboard-default-editor input[type=email],
  #kboard-default-editor input[type=number],
  #kboard-default-editor input[type=date],
  #kboard-default-editor input[type=password] {
    width: 100% !important;
  }
  
  /**
   * °Ô½Ã±Û »ó¼¼ ¸ð¹ÙÀÏ ÃÖÀûÈ­
   */
  #kboard-default-document .kboard-title h1 {
    padding: 20px 16px;
    font-size: 20px;
  }
  
  #kboard-default-document .kboard-content .content-view {
    padding: 20px 16px;
  }
  
  #kboard-default-document .kboard-detail .detail-attr {
    clear: both;
    padding: 10px 16px;
    line-height: normal;
  }
  
  #kboard-default-document .kboard-document-action {
    padding: 10px 16px 8px 16px;
  }
  
  #kboard-default-document .kboard-attach {
    margin: 0 16px;
    padding: 10px 0 5px 0;
  }
  
  #kboard-default-document .kboard-control {
    padding: 15px 16px;
  }
}