/* [2026-10-13] 색은 여기 변수로만 바꾼다 — 미노앤코_POS색상변경_하늘색_개발사양서.md
   기본값 = 지금까지의 브라운(위브랩 store 그대로). shop(web1)은 <html class="site-shop"> 으로 하늘색.
   빨강·초록·노랑·주황(경고·완료·새 줄)은 의미 색이라 변수로 묶지 않는다. */
:root{
  --mino-main:#AE9484; --mino-main-hover:#8a6d5a; --mino-main-fg:#FFFFFF;
  --mino-dark:#543B2B; --mino-bg-soft:#FAF9F7; --mino-selected:#E4E3E2;
  --mino-line:#E3DCD6; --mino-muted:#8A7A70;
  --mino-th-bg:#FAFAFA; --mino-th-fg:inherit;
  --mino-head:#A79586; --mino-head-fg:#FFFFFF;   /* 매출·입고 POS 표 머리줄 */
}
/* [2026-10-13] 진한 하늘(A)이 다른 파란 버튼과 섞여 안 보인다 → 시안의 'B 파스텔 하늘'로.
   표 머리줄은 연한 하늘 바탕 + 진한 파랑 글씨, 버튼은 흰 글씨가 읽히는 밝은 하늘 */
html.site-shop{
  --mino-main:#4AA3DF; --mino-main-hover:#2F8FD0; --mino-main-fg:#FFFFFF;
  --mino-dark:#1E78B4; --mino-bg-soft:#F5FAFD; --mino-selected:#E3F2FB;
  --mino-line:#D8EAF5; --mino-muted:#62798A;
  --mino-head:#CFE9F8; --mino-head-fg:#0F4A73;
  --mino-th-bg:var(--mino-head); --mino-th-fg:var(--mino-head-fg);
}
html.site-shop .c-table th{font-weight:600;}
html.site-shop .c-table.ins th{background-color:var(--mino-selected); color:var(--mino-dark);}   /* 입력 폼의 항목 이름 칸은 연하게 */
html.site-shop .c-btn.exec:hover, html.site-shop .c-btn.search:hover{background-color:var(--mino-main-hover); border-color:var(--mino-main-hover);}
html.site-shop .c-input:focus, html.site-shop .c-select:focus, html.site-shop .c-textarea:focus{outline:none; border-color:var(--mino-dark);}

/* 기본 테이블 */
.c-table{border-collapse: collapse; border:none;}
.c-table.w100{width:100%;}
.c-table tr{border-width:1px 0 1px 0; border-color: #D0D0D0; border-style: solid;}
.c-table th{background-color: var(--mino-th-bg); color: var(--mino-th-fg); padding: 5px; font-size: 12px; box-sizing:border-box; height:55px; border: none;}
.c-table td{padding: 5px; border:none; font-size: 12px;}
.c-table.border td,.c-table.border th{border: 1px solid gray;}
.c-table.ins > tbody >  tr{border: none;}
.w100{width:100%;}

/* 기본 인풋 */
.c-input{height:37px; text-indent: 10px; font-size: 13px; color:#444; border:1px solid #AAAAAA; border-radius: 5px; box-sizing: border-box;}
.c-input[type="date"]{text-align: center;}
.c-input[type=date],select.c-input{ text-indent: 0;}
.c-input.tc{text-align: center; text-indent: 0;}
.c-input.small{height:27px;}
.c-btn{padding: 0 15px; height:37px; box-sizing: border-box; font-size: 13px; cursor: pointer;     display: inline-flex; align-items: center; font-weight: 400}
.c-btn.min{height:initial; padding: 0;}
.c-btn.small{padding:5px; height:initial}
.c-btn.large{min-width:120px; height: 50px;}
.c-check{width: 18px;height: 18px;}
.c-btn.white{background-color: white; color:black; border: none; border-radius:5px; border: 1px solid #ccc;}
.c-btn.red{background-color: #BD362F; color:white; border: none; border-radius:5px; border: 2px solid #BD362F;}
.c-btn.blue{background-color: #3968C6; color:white; border: none; border-radius:5px; border: 2px solid #3968C6;}
.c-btn.exec{background-color: var(--mino-main); color:white; border: none; border-radius:5px; border: 2px solid var(--mino-main);}
.c-btn.sky{background-color: #2F96B4; color:white; border: none; border-radius:5px; border: 2px solid #2F96B4;}
.c-btn.search{background-color: var(--mino-main); color:white; border: none; border-radius:5px; border: 2px solid var(--mino-main); min-width: 74px;}
.c-btn.green{background-color: #51a351; color:white; border: none; border-radius:5px; border: 2px solid #51a351;}
.c-btn.gray{background-color: #ebebeb; color:black; border: none; border-radius:5px; border: 1px solid gray; border-color:#ebebeb;}
.c-btn.purple{background-color: #9b59b6; color:white; border: none; border-radius:5px; border: 1px solid #9b59b6; border-color:#9b59b6;}
.c-btn.yellow{background-color: #F89406; color:white; border: none; border-radius:5px; border: 2px solid #F89406;}
.c-select{padding:0 20px 0 10px; height: 37px; box-sizing: border-box; border:1px solid #AAAAAA; font-size: 13px; color:#444; border-radius: 5px; appearance:none; /* 표준화된 속성 */ background-image: url(/img/ico/select-arrow.png); background-repeat: no-repeat; background-position: right 5px center; }
.c-select.small{height: 27px;}
.c-textarea{border-radius:5px;width: 100%; min-height:100px;border:1px solid #AAAAAA; padding: 5px;}

/* 기본 페이징 */
.paging{display:inline-flex; margin-left: 1px;}
.paging li a{color:#aaa; display: block; text-align: center; padding:10px 15px; margin-left: -1px; font-size: 14px;}
.paging li a:hover{background-color: #ebebeb;}
.paging li a.on{font-weight: bold; color:black; background-color: var(--mino-main); color:white; border-radius: 2px;}

/* 기본 폼 */
.c-form{padding:40px 20px 20px; background-color:var(--mino-bg-soft); box-sizing: border-box;}
.c-fieldset{border:2px solid #E9E9E9; border-radius:5px; padding:20px;}
.c-fieldset legend{padding: 0 10px;}
.wsnw{white-space: nowrap; text-align: center; width: 1px;}
.chosen-container-single .chosen-single div b{background-image: url(/img/ico/select-arrow.png) !important; background-repeat: no-repeat; background-position: right 5px center !important;}
.chosen-single{padding:0 !important; height:37px !important; line-height: 35px !important; text-indent: 5px; border-radius:5px;}
.note-editable{background-color:white;}

/* chosen 레이아웃 */
.chosen-container-multi .chosen-choices{border-radius:5px !important; min-height: 37px !important;}
.chosen-container-multi .chosen-choices li.search-field input[type="text"]{height: 29px !important;}
.chosen-container-multi .chosen-choices li.search-choice{white-space: nowrap !important;}
.chosen-container .chosen-results li.group-option{ white-space: nowrap !important;}

/* select2 레이아웃 */
[class*="select2-selection"] {
    padding:0 !important; height:37px !important; line-height: 35px !important; text-indent: 5px; border-radius:5px;
}

/* dataTable */
table.dataTable tbody th, table.dataTable tbody td{padding:3px !important;}