/* Palette and fonts match TECHPLANET's existing style.css; all rules scoped. */
#tp-testing-notice { box-sizing:border-box; width:calc(100% - 32px); max-width:600px; max-height:calc(100vh - 32px); max-height:calc(100dvh - 32px); margin:auto; padding:36px 38px 28px; overflow:auto; overscroll-behavior:contain; border:1px solid #d8d9d4; border-top:4px solid #24392c; border-radius:0; background:#f5f6f1; color:#111516; box-shadow:0 25px 100px #0005; font:16px/1.6 Barlow,Arial,sans-serif; text-align:left; }
#tp-testing-notice:not([open]) { display:none; }
#tp-testing-notice::backdrop { background:rgba(7,16,13,.78); backdrop-filter:blur(5px); }
#tp-testing-notice * { box-sizing:border-box; }
#tp-testing-notice .tp-notice-close { position:absolute; top:8px; right:10px; display:grid; place-items:center; width:44px; height:44px; padding:0; border:0; background:transparent; color:#24392c; font:32px/1 Arial,sans-serif; cursor:pointer; }
#tp-testing-notice .tp-notice-brand { display:flex; align-items:center; flex-wrap:wrap; gap:10px; padding-right:30px; font:800 21px/1.2 Barlow,Arial,sans-serif; letter-spacing:-.8px; color:#111516; }
#tp-testing-notice .tp-notice-squares { display:flex; gap:3px; }
#tp-testing-notice .tp-notice-squares i { display:block; width:7px; height:7px; background:#ad202d; }
#tp-testing-notice .tp-notice-squares i:nth-child(2) { background:#36c2cb; }
#tp-testing-notice .tp-notice-squares i:nth-child(3) { background:#4d785c; }
#tp-testing-notice .tp-notice-squares i:nth-child(4) { background:#3ad1be; }
#tp-testing-notice .tp-notice-squares i:nth-child(5) { background:#acacac; }
#tp-testing-notice .tp-notice-label { margin:26px 0 12px; color:#626d63; font-size:11px; line-height:1.5; font-weight:600; letter-spacing:1.6px; }
#tp-testing-notice h2 { margin:0 0 20px; font:600 clamp(30px,5vw,40px)/1.08 'Barlow Condensed',Impact,Arial,sans-serif; letter-spacing:-.5px; color:#24392c; }
#tp-testing-notice #tp-testing-notice-message, #tp-testing-notice #tp-testing-notice-contact { margin:0 0 16px; font-size:15px; line-height:1.65; color:#4f5b51; }
#tp-testing-notice a { color:#24392c; font-weight:700; text-decoration:underline; text-underline-offset:3px; overflow-wrap:anywhere; }
#tp-testing-notice .tp-notice-footer { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-top:24px; padding-top:20px; border-top:1px solid #d8d9d4; }
#tp-testing-notice .tp-notice-footer p { margin:0; color:#626d63; font-size:13px; line-height:1.5; }
#tp-testing-notice .tp-notice-confirm { flex-shrink:0; min-height:44px; padding:12px 22px; border:1px solid #24392c; background:#24392c; color:white; font:600 14px/1.4 Barlow,Arial,sans-serif; cursor:pointer; }
#tp-testing-notice .tp-notice-confirm:hover { background:#355540; }
#tp-testing-notice button:focus-visible, #tp-testing-notice a:focus-visible { outline:3px solid #36c2cb; outline-offset:3px; }
.tp-notice-backdrop { position:fixed; inset:0; background:rgba(7,16,13,.78); z-index:2147483645; }
#tp-testing-notice.tp-notice-fallback { position:fixed; inset:0; z-index:2147483646; height:fit-content; }
@media (max-width:480px) { #tp-testing-notice { padding:28px 22px 22px; } #tp-testing-notice .tp-notice-label { margin-top:22px; } #tp-testing-notice .tp-notice-footer { align-items:stretch; flex-direction:column; gap:14px; margin-top:20px; padding-top:16px; } }
