/* 前後台共用表單元件樣式（搭配 kit.js） */

/* 提示訊息 */
#kit-toast-box { position: fixed; top: 20px; right: 20px; z-index: 99999; }
.kit-toast { min-width: 200px; max-width: 360px; margin-bottom: 8px; padding: 10px 16px; border-radius: 4px; color: #fff; font-size: 14px; box-shadow: 0 2px 8px rgba(0,0,0,.15); transition: opacity .4s; }
.kit-toast.is-ok { background: #1abc9c; }
.kit-toast.is-error { background: #f1556c; }
.kit-toast.is-hide { opacity: 0; }

/* 年份區間 */
.kit-year-range { display: flex; align-items: center; gap: 6px; }
.kit-year-range input { flex: 1; }

/* 多選下拉 */
.kit-ms { position: relative; }
.kit-ms-head { min-height: calc(1.5em + .9rem + 2px); height: auto; cursor: pointer; display: flex; flex-wrap: wrap; align-items: center; gap: 4px; padding-right: 24px; position: relative; background: #fff; }
.kit-ms-head::after { content: ''; position: absolute; right: 10px; top: 50%; margin-top: -2px; border: 5px solid transparent; border-top-color: #98a6ad; }
.kit-ms-ph { color: #98a6ad; }
.kit-ms-tag { display: inline-block; background: #e8f0fe; color: #3b5998; border-radius: 3px; padding: 0 6px; font-size: 13px; line-height: 22px; }
.kit-ms-tag b { margin-left: 4px; cursor: pointer; font-weight: normal; }
.kit-ms-panel { display: none; position: absolute; left: 0; right: 0; top: 100%; z-index: 1050; background: #fff; border: 1px solid #ced4da; border-radius: 0 0 4px 4px; box-shadow: 0 4px 12px rgba(0,0,0,.1); }
.kit-ms.is-open .kit-ms-panel { display: block; }
.kit-ms-search { border: 0; border-bottom: 1px solid #eee; border-radius: 0; }
.kit-ms-list { max-height: 260px; overflow-y: auto; }
.kit-ms-opt { padding: 6px 10px; cursor: pointer; }
.kit-ms-opt:hover { background: #f5f6f8; }
.kit-ms-opt.is-on { background: #e8f0fe; color: #3b5998; }
.kit-ms-opt.is-on::before { content: '✓ '; }
.kit-ms-opt.is-child { font-size: 13px; }
.kit-ms-empty { padding: 8px 10px; color: #98a6ad; }

/* 權限勾選樹 */
.kit-tree ul { list-style: none; margin: 0; padding-left: 22px; }
.kit-tree > ul { padding-left: 0; }
.kit-tree li.is-fold > ul { display: none; }
.kit-tree-line { display: flex; align-items: center; padding: 3px 0; }
.kit-tree-line label { margin: 0; cursor: pointer; font-weight: normal; }
.kit-tree-tog { display: inline-block; width: 18px; text-align: center; cursor: pointer; color: #6c757d; font-weight: bold; user-select: none; }