#triadps-consent { font-family: Inter, Arial, sans-serif; font-size: 14px; line-height: 1.55; color: #17252b; text-align: left; }
#triadps-consent * { box-sizing: border-box; }
#triadps-consent [hidden] { display: none !important; }
#triadps-consent .tc-panel { position: fixed; z-index: 10000; left: 14px; bottom: 14px; width: min(420px, calc(100% - 28px)); max-height: calc(100dvh - 28px); overflow-y: auto; overscroll-behavior: contain; margin: 0; padding: 15px; border: 1px solid #d0d5ce; border-radius: 12px; background: #faf9f5; box-shadow: 0 5px 24px #102a3426; }
#triadps-consent h2 { margin: 0 0 6px; color: #17252b; font: 600 16px/1.25 Inter, Arial, sans-serif; letter-spacing: -.2px; }
#triadps-consent #tc-intro { font-size: 12px; line-height: 1.5; }
#triadps-consent p { margin: 0; }
#triadps-consent a { color: #254e42; text-decoration: underline; text-underline-offset: 3px; }
#triadps-consent button { min-height: 40px; padding: 8px 10px; margin: 0; border: 1px solid #172f29; border-radius: 7px; background: #172f29; color: #fff; cursor: pointer; font: 600 12px/1.35 Inter, Arial, sans-serif; text-align: center; letter-spacing: 0; text-transform: none; }
#triadps-consent button:hover { background: #2b4f43; color: #fff; }
#triadps-consent :is(button, a, input):focus-visible { outline: 3px solid #b57513; outline-offset: 3px; }
#triadps-consent .tc-actions { display: flex; gap: 7px; margin-top: 12px; }
#triadps-consent .tc-actions button { flex: 1 1 0; }
#triadps-consent [data-consent="customize"] { background: transparent; color: #172f29; }
#triadps-consent [data-consent="customize"]:hover { background: #e8ece5; }
#triadps-consent #tc-options { margin-top: 20px; padding-top: 4px; border-top: 1px solid #d0d5ce; }
#triadps-consent .tc-option { display: flex; align-items: flex-start; gap: 12px; padding: 14px 0; cursor: pointer; border-bottom: 1px solid #e3e6df; }
#triadps-consent input { appearance: auto; flex: 0 0 20px; width: 20px; height: 20px; margin: 2px 0 0; accent-color: #254e42; }
#triadps-consent .tc-option strong { display: block; font-size: 14px; }
#triadps-consent .tc-option small { display: block; margin-top: 3px; color: #4f5e59; font-size: 12px; }
#triadps-consent .tc-note { margin: 14px 0; color: #4f5e59; font-size: 12px; }
#triadps-consent .tc-close { margin-top: 14px; background: transparent; border-color: transparent; color: #254e42; padding-left: 0; text-decoration: underline; }
#triadps-consent .tc-close:hover { background: transparent; color: #172f29; }
#triadps-consent .tc-reopen { position: fixed; z-index: 9999; left: 12px; bottom: 12px; min-height: 30px; padding: 5px 10px; background: #faf9f5; color: #172f29; border-color: #bcc8c0; border-radius: 20px; box-shadow: 0 2px 8px #102a341a; font-size: 10px; }
#triadps-consent .tc-status { position: fixed; z-index: 9999; bottom: 67px; left: 14px; max-width: min(350px, calc(100vw - 28px)); padding: 9px 12px; background: #faf9f5; border: 1px solid #d0d5ce; border-radius: 8px; font-size: 12px; }
#triadps-consent .tc-status:empty { display: none; }
@media (max-width: 540px) {
  #triadps-consent .tc-panel { left: 10px; bottom: 10px; width: calc(100% - 20px); max-height: calc(100dvh - 20px); padding: 13px; }
  #triadps-consent .tc-actions { gap: 6px; margin-top: 10px; }
  #triadps-consent .tc-actions button { padding: 8px 5px; font-size: 11px; }
}
@media print { #triadps-consent { display: none !important; } }