/*
 * 主題 3：酒莊黃昏（Winery Dusk）
 * 氛圍：酒紅配金色的溫暖黃昏酒窖。
 * 色票：酒紅側欄 #5a1424／#43101b／#3a0c17、選取 #7a2338、主色 #7a1f33、金 #c28a14／#c9a15a／#e8bf5e、
 *       奶油底 #fbf3e6、卡片 #fffaf1、邊線 #e8d5b5、文字 #2e1a14、次要 #6d5646、黃昏漸層 #fde6bd→#f8c79c→#e9a39a→#c97b8a
 * 裝飾：側欄金色細線（logo 底線、右緣雙線、方案框線）、黃昏漸層頁首帶＋垂掛金葡萄、
 *       側欄底莊園丘陵剪影＋落日＋葡萄藤列（theme-3-hills.svg）、金色葡萄串圖示（theme-3-gold-grapes.svg、theme-3-corner-grapes.svg）
 * 圖表：花費＝酒紅 #7a1f33，營收＝金 #c28a14
 */
:root{--green:#7a1f33;--border:#e8d5b5;--muted:#6d5646;color:#2e1a14;background:#fbf3e6}
body{background:#fbf3e6}
a{color:#7a1f33}
button,.button{border-color:#7a1f33;background:#7a1f33;color:#fff;border-radius:6px}
button.secondary{background:#fffaf1;color:#7a1f33;border-color:#c9a15a}
button.danger{background:#fffaf1;color:#b4432f;border-color:#d9a99f}
:focus-visible{outline-color:#c28a14}
h1,h2,h3{color:#4a0f1e}
.side{background:#5a1424;color:#f6e6d6}
.logo{color:#fff3dc}
.logo small,.login-brand small{color:#e6c58a}
.side nav a{color:#f6e6d6;border-radius:6px}
.side nav a.active{background:#7a2338;color:#fff}
.phase{background:#43101b;color:#f6e6d6;border-radius:6px}
.side-button{background:#43101b;color:#f6e6d6;border-color:#e6c58a}
.main{position:relative}
.main>*{position:relative;z-index:1}
.notice{background:#fbecd2;color:#6a1a2c;border-color:#e3c78f;border-radius:6px}
.card{background:#fffaf1;border-color:#e8d5b5;border-radius:8px}
.metric{background:#f8ecd8;border-radius:6px}
.tabs button{border-color:#dcc59a;background:#fffaf1;color:#7a1f33}
.tabs button:first-child{border-radius:6px 0 0 6px}
.tabs button:last-child{border-radius:0 6px 6px 0}
.tabs button.active{background:#7a1f33;color:#fff}
th{color:#6d5646;border-bottom-color:#e8d5b5}
td{border-bottom-color:#f1e4cb}
th button.sort:hover{color:#7a1f33}
.pill{background:#e0f2e4;color:#1b6a39}
.pill.warn,.pill.medium{background:#fff0d2;color:#855000}
.pill.danger,.pill.high{background:#fbe4e0;color:#b0382a}
.pill.info{background:#e1ecf8;color:#2f64a0}
.pill.small{background:#ebebeb;color:#5c5c5c}
.suggestion{border-left-color:#c9a15a}
.suggestion.danger{border-left-color:#d1503a}
.suggestion.warn{border-left-color:#e0a43a}
.suggestion.info{border-left-color:#4f7fb8}
input,select,textarea{border-color:#dcc9a4;background:#fffaf0;color:#2e1a14;border-radius:6px}
mark{background:#ffd96a;color:#2b2412}
pre.detail{background:#f8ecd8}
summary{color:#7a1f33}
.hit{border-top-color:#e8d5b5}
.chart [stroke="#0f3d32"]{stroke:#7a1f33;stroke-width:2.6}
.chart [stroke="#e0a43a"]{stroke:#c28a14;stroke-width:2.6;stroke-dasharray:none}
.chart [stroke="#e0e6e3"]{stroke:#eadcc0}
.chart text{fill:#6d5646}
.legend span:before{background:#7a1f33}
.legend span:last-child:before{background:#c28a14}
#message{border-color:#c9a15a;background:#fbecd2;color:#6a1a2c;border-radius:6px}
#message.error{background:#fff1ec;color:#a63828;border-color:#d9a99f}
.login-brand{color:#7a1f33}
.login-brand small{color:#6d5646}
.login-card{border-radius:8px}
.skip:focus{color:#7a1f33}

/* ---- 裝飾 ---- */
.side{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 150' width='200' height='150'%3E%3Ccircle cx='140' cy='70' r='26' fill='%23e8b04a' opacity='.55'/%3E%3Ccircle cx='140' cy='70' r='15' fill='%23f3cd7a' opacity='.7'/%3E%3Cpath d='M0 90 C40 60 80 72 120 80 S180 70 200 62 V150 H0Z' fill='%233a0c17'/%3E%3Cpath d='M0 108 C50 84 100 100 150 92 S190 90 200 88 V150 H0Z' fill='%234a1020'/%3E%3Cpath d='M-10 112 Q100 102 210 110' stroke='%237a2338' stroke-width='3' stroke-dasharray='2 4' fill='none' stroke-linecap='round'/%3E%3Cpath d='M-10 124 Q100 114 210 122' stroke='%238b2a42' stroke-width='3' stroke-dasharray='2 4' fill='none' stroke-linecap='round'/%3E%3Cpath d='M-10 136 Q100 126 210 134' stroke='%239c3350' stroke-width='3' stroke-dasharray='2 4' fill='none' stroke-linecap='round'/%3E%3Cpath d='M0 128 C60 112 120 126 200 112 V150 H0Z' fill='%232e0912' opacity='.7'/%3E%3Cg stroke='%23d9a640' stroke-width='1' opacity='.7'%3E%3Cpath d='M20 98 V84 M44 94 V82 M170 96 V84 M190 92 V80'/%3E%3C/g%3E%3C/svg%3E"),linear-gradient(180deg,#5a1424 0%,#5a1424 62%,#6e2230 100%);background-repeat:no-repeat;background-position:center bottom,0 0;background-size:100% auto,auto;padding-bottom:140px;border-right:1px solid #c9a15a;box-shadow:inset -4px 0 0 #3a0c17,inset -5px 0 0 #c9a15a55}
.logo{padding-bottom:12px;border-bottom:1px solid #c9a15a88}
.side nav a.active{box-shadow:inset 3px 0 0 #e8bf5e}
.phase{border:1px solid #c9a15a77}
.top{background:linear-gradient(100deg,#fde6bd 0%,#f8c79c 45%,#e9a39a 80%,#c97b8a 100%);border-radius:8px;padding:12px 16px;border-bottom:2px solid #c28a14;position:relative;overflow:hidden}
.top h1{color:#4a0f1e}
.top .muted,.top p{color:#431a1a}
.top::after{content:"";position:absolute;right:150px;top:-4px;width:50px;height:64px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 70 90' width='70' height='90'%3E%3Cpath d='M0 0 Q30 4 38 14' stroke='%23b8872a' stroke-width='2.4' fill='none'/%3E%3Cg transform='translate(38 18) rotate(-10)'%3E%3Cpath d='M0 0 C-17.6 -6.6 -19.8 -22.0 -8.8 -26.4 L-5.5 -33.0 L0 -28.6 L5.5 -33.0 L8.8 -26.4 C19.8 -22.0 17.6 -6.6 0 0Z' fill='%23c79a38'/%3E%3Cpath d='M0 0 L0 -24.2 M0 -8.8 L-9.9 -16.5 M0 -8.8 L9.9 -16.5' stroke='%238a6410' stroke-width='1' fill='none' opacity='.6'/%3E%3C/g%3E%3Ccircle cx='15.0' cy='28.0' r='7' fill='%23b8872a'/%3E%3Ccircle cx='12.9' cy='25.6' r='2.0' fill='%23fff6cf' opacity='0.7'/%3E%3Ccircle cx='29.0' cy='28.0' r='7' fill='%23cf9f3e'/%3E%3Ccircle cx='26.9' cy='25.6' r='2.0' fill='%23fff6cf' opacity='0.7'/%3E%3Ccircle cx='43.0' cy='28.0' r='7' fill='%23a67620'/%3E%3Ccircle cx='40.9' cy='25.6' r='2.0' fill='%23fff6cf' opacity='0.7'/%3E%3Ccircle cx='57.0' cy='28.0' r='7' fill='%23b8872a'/%3E%3Ccircle cx='54.9' cy='25.6' r='2.0' fill='%23fff6cf' opacity='0.7'/%3E%3Ccircle cx='22.0' cy='39.5' r='7' fill='%23cf9f3e'/%3E%3Ccircle cx='19.9' cy='37.1' r='2.0' fill='%23fff6cf' opacity='0.7'/%3E%3Ccircle cx='36.0' cy='39.5' r='7' fill='%23a67620'/%3E%3Ccircle cx='33.9' cy='37.1' r='2.0' fill='%23fff6cf' opacity='0.7'/%3E%3Ccircle cx='50.0' cy='39.5' r='7' fill='%23b8872a'/%3E%3Ccircle cx='47.9' cy='37.1' r='2.0' fill='%23fff6cf' opacity='0.7'/%3E%3Ccircle cx='29.0' cy='51.1' r='7' fill='%23cf9f3e'/%3E%3Ccircle cx='26.9' cy='48.6' r='2.0' fill='%23fff6cf' opacity='0.7'/%3E%3Ccircle cx='43.0' cy='51.1' r='7' fill='%23a67620'/%3E%3Ccircle cx='40.9' cy='48.6' r='2.0' fill='%23fff6cf' opacity='0.7'/%3E%3Ccircle cx='36.0' cy='62.6' r='7' fill='%23b8872a'/%3E%3Ccircle cx='33.9' cy='60.2' r='2.0' fill='%23fff6cf' opacity='0.7'/%3E%3C/svg%3E") no-repeat top center/contain;opacity:.7;pointer-events:none}
.top .button{position:relative;z-index:1}
.card>h2:first-child::before,.card>h3:first-child::before{content:"";display:inline-block;width:16px;height:19px;margin-right:7px;vertical-align:-3px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 28' width='24' height='28'%3E%3Cpath d='M12 2 Q13 5 12 8' stroke='%23c99a2e' stroke-width='1.6' fill='none'/%3E%3Cg transform='translate(13 7) rotate(40)'%3E%3Cpath d='M0 0 C-8.8 -3.3 -9.9 -11.0 -4.4 -13.2 L-2.8 -16.5 L0 -14.3 L2.8 -16.5 L4.4 -13.2 C9.9 -11.0 8.8 -3.3 0 0Z' fill='%23d9b04a'/%3E%3C/g%3E%3Ccircle cx='2.1' cy='10.0' r='3.3' fill='%23d9a640'/%3E%3Ccircle cx='1.1' cy='8.8' r='0.9' fill='%23fff6cf' opacity='0.8'/%3E%3Ccircle cx='8.7' cy='10.0' r='3.3' fill='%23e8bf5e'/%3E%3Ccircle cx='7.7' cy='8.8' r='0.9' fill='%23fff6cf' opacity='0.8'/%3E%3Ccircle cx='15.3' cy='10.0' r='3.3' fill='%23c18f26'/%3E%3Ccircle cx='14.3' cy='8.8' r='0.9' fill='%23fff6cf' opacity='0.8'/%3E%3Ccircle cx='21.9' cy='10.0' r='3.3' fill='%23d9a640'/%3E%3Ccircle cx='20.9' cy='8.8' r='0.9' fill='%23fff6cf' opacity='0.8'/%3E%3Ccircle cx='5.4' cy='15.4' r='3.3' fill='%23e8bf5e'/%3E%3Ccircle cx='4.4' cy='14.3' r='0.9' fill='%23fff6cf' opacity='0.8'/%3E%3Ccircle cx='12.0' cy='15.4' r='3.3' fill='%23c18f26'/%3E%3Ccircle cx='11.0' cy='14.3' r='0.9' fill='%23fff6cf' opacity='0.8'/%3E%3Ccircle cx='18.6' cy='15.4' r='3.3' fill='%23d9a640'/%3E%3Ccircle cx='17.6' cy='14.3' r='0.9' fill='%23fff6cf' opacity='0.8'/%3E%3Ccircle cx='8.7' cy='20.9' r='3.3' fill='%23e8bf5e'/%3E%3Ccircle cx='7.7' cy='19.7' r='0.9' fill='%23fff6cf' opacity='0.8'/%3E%3Ccircle cx='15.3' cy='20.9' r='3.3' fill='%23c18f26'/%3E%3Ccircle cx='14.3' cy='19.7' r='0.9' fill='%23fff6cf' opacity='0.8'/%3E%3Ccircle cx='12.0' cy='26.3' r='3.3' fill='%23d9a640'/%3E%3Ccircle cx='11.0' cy='25.2' r='0.9' fill='%23fff6cf' opacity='0.8'/%3E%3C/svg%3E") no-repeat center/contain}
.card{box-shadow:0 1px 0 #e3c78f}
.notice{border-left:4px solid #c28a14}
.tabs button.active{box-shadow:inset 0 -3px 0 #e8bf5e}
@media(max-width:700px){.top::after{display:none}}
@media(max-height:720px),(max-width:650px){.side{background-image:none!important;padding-bottom:20px!important}}