:root{--green:#124c3e;--cream:#f7f2e7;--gold:#c89e55;--ink:#1c352e;--line:#ded5c3}*{box-sizing:border-box}body{margin:0;background:var(--cream);font-family:"Noto Sans TC",sans-serif;color:var(--ink)}.login{min-height:100vh;display:grid;place-content:center;text-align:center;background:radial-gradient(circle at 70% 20%,#e8d9aa,transparent 26%),#e8efe2;padding:24px}.login>p,header p{color:var(--gold);letter-spacing:.18em;font-size:11px;font-weight:700}.login h1,header h1{font-family:"Noto Serif TC";margin:8px 0 25px;font-size:34px}.login form{width:min(360px,90vw);background:#fffdf8;padding:27px;text-align:left;box-shadow:0 14px 38px #35513a20}.login label{font-size:13px;font-weight:700}.login input,.inbox-top input,textarea,select{width:100%;border:1px solid var(--line);padding:11px;margin-top:8px;background:#fffefa;font:14px "Noto Sans TC"}button{border:0;background:var(--green);color:#fff;padding:11px 14px;font:700 13px "Noto Sans TC";cursor:pointer}.login button{width:100%;margin-top:18px}.login small{display:block;margin-top:14px;color:#778378;line-height:1.6}header{height:104px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1160px)/2));background:#fffdf8;border-bottom:1px solid var(--line)}header p{margin:0}header h1{font-size:24px;margin:3px 0}.head-actions{display:flex;gap:12px;align-items:center}.head-actions a{color:var(--green);font-size:13px;text-decoration:none}.head-actions button{background:transparent;color:#607166;border:1px solid var(--line)}.stats{max-width:1160px;margin:25px auto;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:0 24px}.stats article{background:#fffdf8;padding:18px;border-top:3px solid var(--gold)}.stats b{font:32px "Noto Serif TC";color:var(--green);display:block}.stats span{font-size:12px;color:#68796c}.work{max-width:1160px;margin:auto;padding:0 24px 50px;display:grid;grid-template-columns:145px 320px 1fr;min-height:550px}.work>aside,.inbox,.detail{background:#fffdf8;border:1px solid var(--line)}.filter-title{padding:20px 15px 10px;font-weight:700}.filter{width:100%;background:transparent;color:#607166;text-align:left}.filter.active{background:#e7efe3;color:var(--green)}.inbox-top{padding:14px;border-bottom:1px solid var(--line)}.inbox-top input{margin:0}.inbox-top span{font-size:11px;color:#778378;display:block;margin-top:8px}.item{display:block;width:100%;background:transparent;color:var(--ink;text-align:left;border-bottom:1px solid #eee6d8;padding:15px}.item:hover,.item.active{background:#eef4e9}.item-topic{font-size:11px;color:var(--green);display:block}.item-content{font-size:13px;display:block;margin:6px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-meta{font-size:10px;color:#7b8a7e}.detail{padding:26px}.empty{color:#7c897e;text-align:center;margin-top:130px}.detail h2{font-family:"Noto Serif TC";font-size:25px;margin:7px 0 14px}.detail .meta{font-size:12px;color:#718276}.detail .content{line-height:1.9;padding:17px;background:#f5f1e8;margin:20px 0}.detail label{font-size:12px;font-weight:700;display:block;margin-top:13px}.detail textarea{height:105px;resize:vertical}.actions{display:flex;gap:9px;margin-top:18px}.actions .approve{background:var(--green)}.actions .return{background:#886d38}.actions .save{background:#2f7661}@media(max-width:760px){header{height:auto;padding:20px;align-items:start}.stats{padding:0 14px}.work{padding:0 14px;display:block}.work>aside{display:flex;overflow:auto}.filter-title{display:none}.filter{white-space:nowrap}.inbox{margin-top:10px}.detail{min-height:380px}.head-actions{display:none}}
:root{--green:#124c3e}.item-content{white-space:normal;line-height:1.7;display:block}.item-status{display:inline-block;margin-top:8px;background:#edf4ed;color:var(--green);font-size:11px;padding:4px 8px;font-style:normal}
:root{--ink:#1c352e}.item{color:var(--ink)!important;text-align:left!important;background:#fffdf8!important}.item-topic{color:var(--green)!important}.item-content{color:var(--ink)!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important}.item-meta{color:#66786e!important}
:root{--message-green:#eaf4ea}.item{background:var(--message-green)!important;border-left:4px solid #8ebc9b!important}.item-content{color:#4c8064!important}.item-meta{color:#6b9279!important}.item-status{background:#dceede!important;color:#397154!important}.detail .content{background:#eaf4ea!important;color:#4c8064!important;border-left:4px solid #8ebc9b}
:root{--message-dark:#17483e}.item{background:var(--message-dark)!important;border-left-color:#8fc6a0!important}.item-content{color:#f3f5e9!important}.item-meta{color:#b8d8bf!important}.item-status{background:#dceede!important;color:#245b49!important}.detail .content{background:var(--message-dark)!important;color:#f3f5e9!important;border-left-color:#8fc6a0}
/* 高對比留言樣式：避免瀏覽器按鈕預設背景覆蓋 */
#list button.item,#list button.item:hover,#list button.item:focus,#list button.item.active{background-color:#17483e!important;background-image:none!important;color:#f3f5e9!important;border:0;border-left:5px solid #9bd0aa!important;border-bottom:1px solid #2b6657!important;box-shadow:none!important}
#list button.item .item-topic,#list button.item .item-content{color:#f3f5e9!important;text-shadow:none!important}
#list button.item .item-meta{color:#c4e3c8!important}
@media(max-width:1100px){
  body{overflow-x:hidden;background:#f1eadc}
  header{height:auto;min-height:82px;padding:16px 18px;background:#173f36;color:#f3f5e9;border-bottom:3px solid #9bc99d}
  header h1{color:#f3f5e9;font-size:22px;margin:0} header p{display:none}
  .stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:14px 10px;padding:0}
  .stats article{min-width:0;padding:12px 9px;background:#fffdf8;border-top:3px solid #c89e55}.stats b{font-size:28px}.stats span{font-size:11px}
  .work{display:flex!important;flex-direction:column!important;width:100%;min-width:0;margin:0;padding:0 10px 30px;gap:10px}
  .work>aside{display:flex;width:100%;overflow-x:auto;background:#fffdf8;border:1px solid #d8ccb6}
  .filter-title{display:none}.filter{flex:1;min-width:78px;padding:12px 8px;text-align:center;white-space:nowrap}
  .inbox{width:100%;min-width:0;margin:0;background:#fffdf8;border:1px solid #d8ccb6;overflow:hidden}
  .inbox-top{padding:13px 14px}.item{width:100%;min-height:88px;padding:14px 12px!important}
  #list{background:#17483e!important}
  #list button.item,#list button.item:hover,#list button.item:focus,#list button.item.active{background:#17483e!important;color:#f3f5e9!important}
  #list button.item .item-content{font-size:15px;line-height:1.65;white-space:normal;overflow-wrap:anywhere;color:#f3f5e9!important}
  #list button.item .item-topic{color:#d9f0d7!important}.item-status{margin-top:7px}
  .detail{width:100%;min-width:0;min-height:0;padding:18px;background:#fffdf8;border:1px solid #d8ccb6}
  .detail .content{background:#17483e!important;color:#f3f5e9!important;font-size:16px;overflow-wrap:anywhere;border-left:5px solid #9bd0aa!important}
  .detail textarea{min-height:110px}
}
/* 後台統一採上下閱讀，避免手機與窄視窗出現橫向三欄裁切 */
.work{display:flex!important;flex-direction:column!important;grid-template-columns:none!important;gap:10px}
.work>aside,.inbox,.detail{width:100%!important;min-width:0!important}
#list{background:#17483e!important}
#list .item,#list .item:hover,#list .item:focus,#list .item.active{display:block;width:100%;background:#17483e!important;color:#f3f5e9!important;border-left:5px solid #9bd0aa!important}
#list .item-content{display:block;color:#f3f5e9!important;white-space:normal!important;overflow-wrap:anywhere!important;font-size:16px;line-height:1.7}