.site-page .feedback-layout { grid-template-columns: .85fr 1.15fr; gap: 64px; align-items: start; }
.feedback-card { min-width:0; padding:32px; border:1px solid #c9ae7c66; border-radius:8px; background:linear-gradient(145deg,#282d31,#141c25); box-shadow:0 25px 55px #0003; }
.feedback-card [hidden],.developer-page [hidden] { display:none !important; }
.feedback-card fieldset { margin:0; padding:0; border:0; min-width:0; }
.feedback-card legend { margin-bottom:24px; font:28px Georgia,serif; color:#ecdec2; }
.feedback-card label,.ticket-form label,.inbox-filter label { display:flex; flex-direction:column; gap:8px; margin:0 0 18px; font-size:14px; color:#d4d9e1; }
.feedback-row { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.feedback-card input,.feedback-card select,.feedback-card textarea,.inbox-filter input,.inbox-filter select,.ticket-form select,.ticket-form textarea { width:100%; min-width:0; border:1px solid #a7b3c344; border-radius:5px; background:#101820; color:#edf0f4; font:16px/1.5 'Segoe UI',sans-serif; padding:12px; box-sizing:border-box; }
.feedback-card textarea,.ticket-form textarea { resize:vertical; }
.feedback-card input:focus,.feedback-card select:focus,.feedback-card textarea:focus,.ticket-form :focus-visible,.inbox-filter :focus-visible { outline:2px solid #c9ae7c; outline-offset:3px; }
.feedback-card label small,.feedback-card > small { color:#a8b1bd; font-size:12px; }
#feedback-email-hint { display:block; margin:-8px 0 22px; color:#adb7c4; font-size:12px; line-height:1.6; }
.feedback-card .feedback-privacy { color:#aeb7c4; font-size:12px; line-height:1.7; }
.feedback-card .feedback-consent { flex-direction:row; align-items:flex-start; gap:12px; margin:20px 0; font-size:12px; line-height:1.7; }
.feedback-consent input { width:20px; height:20px; flex:0 0 20px; margin-top:2px; accent-color:#c9ae7c; }
.feedback-honeypot { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
.feedback-card button { cursor:pointer; }
.feedback-card fieldset:disabled { opacity:.6; }
#feedback-result { min-height:24px; font-size:14px; line-height:1.65; color:#e7c894; }
.feedback-assurance { display:flex; gap:16px; border-top:1px solid #c9ae7c44; margin-top:32px; padding-top:24px; }
.feedback-assurance > span { color:#c9ae7c; font:22px Georgia,serif; }
.feedback-assurance p { margin:0; font-size:13px; line-height:1.8; color:#aeb8c4; }
#feedback-success h3 { font:34px/1.15 Georgia,serif; }
#feedback-success p { font-size:16px; overflow-wrap:anywhere; }
.owner-sections { display:flex; gap:12px; margin:28px 0; }
.owner-sections button,.inbox-heading button,.inbox-filter button,.inbox-pagination button,.ticket-form button,.delivery-row button { padding:12px 18px; min-height:44px; border:1px solid #c9ae7c66; border-radius:6px; color:#e8d6b5; background:#182430; font:14px 'Segoe UI',sans-serif; cursor:pointer; }
.owner-sections button[aria-selected=true] { color:#17212a; background:#dfc79a; }
.developer-page button:disabled { opacity:.45; cursor:default; }
.inbox-heading { display:flex; justify-content:space-between; align-items:center; gap:24px; }
.inbox-heading h1 { font:clamp(30px,5vw,52px)/1.1 Georgia,serif; margin:16px 0; }
.inbox-heading p { color:#a4b1c0; line-height:1.7; }
.inbox-notice { border:1px solid #c9ae7c44; background:#c9ae7c0c; padding:18px; color:#d9c9ae; font-size:14px; line-height:1.7; }
.inbox-filter { display:grid; grid-template-columns:200px 1fr auto; gap:16px; align-items:end; margin:24px 0; }
.inbox-filter label { margin:0; }
.inbox-layout { display:grid; grid-template-columns:minmax(240px,.8fr) minmax(0,1.2fr); gap:24px; align-items:start; }
#inbox-result { color:#b5c0ce; min-height:24px; line-height:1.7; }
.inbox-item { display:flex; flex-direction:column; text-align:left; gap:10px; width:100%; min-width:0; margin-bottom:10px; padding:20px; border:1px solid #a4b5ce33; border-radius:8px; color:#e3e9f0; background:#111e2b; cursor:pointer; overflow-wrap:anywhere; font:14px/1.6 'Segoe UI',sans-serif; }
.inbox-item[aria-pressed=true],.inbox-item:focus-visible { border-color:#c9ae7c; outline-color:#c9ae7c; }
.inbox-item small { color:#aeb9c7; }
.inbox-item strong { color:#e5d2ad; font-size:17px; }
.inbox-pagination { display:flex; justify-content:space-between; gap:12px; align-items:center; margin:20px 0; }
.inbox-detail { min-width:0; background:#101b27; padding:28px; border:1px solid #a4b5ce33; border-radius:8px; font-size:14px; line-height:1.75; overflow-wrap:anywhere; }
.inbox-detail h2 { font:32px Georgia,serif; color:#e5d2ad; margin:16px 0; }
.inbox-detail h3 { margin-top:32px; font-size:19px; color:#e1ccaa; }
.inbox-detail small { color:#a9b7c6; }
.inbox-message { white-space:pre-wrap; padding:20px; background:#ffffff06; border-left:2px solid #c9ae7c; }
.ticket-form { border-top:1px solid #ffffff20; padding-top:20px; margin-top:24px; }
.ticket-event,.delivery-row { padding:14px 0; border-bottom:1px solid #ffffff15; }
.ticket-event p { white-space:pre-wrap; margin:6px 0; }
@media(max-width:1000px) { .site-page .feedback-layout { grid-template-columns:1fr; gap:32px; } .feedback-layout .contact-copy { max-width:660px; } .inbox-layout { grid-template-columns:1fr; } }
@media(max-width:600px) { .feedback-card { padding:24px 20px; } .feedback-row { grid-template-columns:1fr; gap:0; } .feedback-card .button { width:100%; } .inbox-heading { flex-direction:column; align-items:flex-start; } .inbox-filter { grid-template-columns:1fr; } .inbox-detail { padding:20px; } .developer-header { flex-wrap:wrap; } .owner-sections { flex-wrap:wrap; } }

/* Owner-only presentation: public site and authentication stay independent. */
.developer-page { --owner-muted:#aab8c8; color-scheme:dark; font:14px/1.5 'Segoe UI',sans-serif; background:radial-gradient(ellipse at 80% 0,#18212c66,transparent 55%),#080d14; }
.developer-page * { box-sizing:border-box; scrollbar-color:#65717c #101923; scrollbar-width:thin; }
.developer-page .developer-shell { width:calc(100% - 48px); max-width:1480px; padding:18px 0 32px; }
.developer-page .developer-header { padding:0 0 16px; gap:16px; }
.developer-page .brand { gap:12px; }
.developer-page .brand-mark { width:38px; height:38px; font-size:12px; }
.developer-page .developer-brand-lockup strong { font-size:17px; }
.developer-page .developer-brand-lockup small { font-size:9px; color:#c1b08e; }
.developer-page .developer-link,.developer-page .developer-logout { font-size:12px; padding:8px 14px; min-height:36px; color:#dce4ee; }
.developer-page .owner-sections { gap:6px; margin:16px 0 20px; padding:4px; width:fit-content; border:1px solid #d7ba7929; background:#111923; border-radius:12px; }
.developer-page button { transition:border-color .18s,background .18s; }
.developer-page button:hover:not(:disabled) { border-color:#e4c68d; }
.developer-page button:focus-visible,.developer-page a:focus-visible,.developer-page summary:focus-visible { outline:2px solid #e4c68d; outline-offset:3px; }
.developer-page .owner-sections button { min-height:36px; padding:7px 20px; border:0; border-radius:8px; font-size:13px; background:transparent; color:#bac6d4; }
.developer-page .owner-sections button[aria-selected=true] { background:linear-gradient(110deg,#ecd9b0,#cbb17e); color:#18202a; box-shadow:0 2px 12px #0003; }
.developer-page .owner-kicker { font-size:10px; letter-spacing:.15em; color:#d8bd8b; }
.developer-page .developer-intro,.developer-page .inbox-heading { padding:0; gap:20px; margin:0 0 20px; align-items:center; }
.developer-page .developer-intro h1,.developer-page .inbox-heading h1 { font:400 32px/1.2 Georgia,serif; letter-spacing:-.02em; max-width:none; margin:5px 0 6px; }
.developer-page .developer-intro p,.developer-page .inbox-heading p { margin:0; font-size:13px; line-height:1.55; color:var(--owner-muted); max-width:700px; }
.developer-page .owner-update { display:flex; align-items:center; gap:12px; }
.developer-page .developer-sync { font-size:11px; padding:8px 12px; align-self:center; white-space:normal; max-width:350px; border-radius:8px; }
.developer-page #stats-refresh,.developer-page .inbox-heading button { min-height:36px; padding:8px 16px; border:1px solid #d5b77f55; border-radius:8px; background:#18232e; color:#ecdbb8; font:13px 'Segoe UI',sans-serif; cursor:pointer; }
.developer-page .stats-summary { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin:0 0 24px; }
.developer-page .summary-card { min-height:120px; padding:16px 20px; border-radius:12px; border-color:#d4b78026; box-shadow:0 8px 24px #0002; background:linear-gradient(125deg,#162230,#0d151e); }
.developer-page .summary-card span,.developer-page .stat-label { font-size:10px; letter-spacing:.08em; color:var(--owner-muted); }
.developer-page .summary-card strong { margin:4px 0 0; font:400 36px/1.15 Georgia,serif; color:#efdbb2; font-variant-numeric:tabular-nums; }
.developer-page .summary-card small { color:var(--owner-muted); font-size:12px; }
.developer-page .stats-section-head { margin:0 0 12px; gap:12px; }
.developer-page .stats-section-head h2 { font:400 23px/1.3 Georgia,serif; margin:0; }
.developer-page .stats-section-head span { color:var(--owner-muted); font-size:11px; }
.developer-page .stats-grid { gap:14px; grid-template-columns:repeat(2,minmax(0,1fr)); }
.developer-page .product-stat { padding:18px; border:1px solid #ffffff12; border-radius:12px; background:#101923; }
.developer-page .product-stat-head { padding:0 0 12px; margin:0 0 12px; gap:12px; }
.developer-page .product-stat-head h3 { font-size:16px; line-height:1.4; margin:3px 0 0; }
.developer-page .product-stat-head small { font-size:12px; color:#dcc59c; }
.developer-page .product-stat-body { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.developer-page .stat-cell { min-height:115px; padding:12px; background:#ffffff04; border-radius:8px; }
.developer-page .stat-value { font-size:26px; line-height:1.3; margin:4px 0; color:#f0e5cf; }
.developer-page .stat-note { color:var(--owner-muted); font-size:11px; line-height:1.45; overflow-wrap:anywhere; }
.developer-page .version-list { margin-top:12px; gap:6px; }
.developer-page .version-pill { font-size:11px; padding:4px 8px; }
.developer-page .definitions { margin-top:18px; padding:12px 16px; font-size:12px; color:var(--owner-muted); border-left:2px solid #d5b77f; border-radius:0 8px 8px 0; }
.developer-page .definitions summary { cursor:pointer; color:#e3d3b3; }
.developer-page .definitions ul { padding-left:18px; margin:10px 0 0; }
.developer-page .definitions li { font-size:12px; }
.developer-page .inbox-notice { margin:0 0 14px; padding:9px 12px; font-size:12px; border-radius:8px; color:#c8d5d1; }
.developer-page .inbox-filter { grid-template-columns:180px minmax(0,1fr) auto; gap:12px; margin:0 0 8px; }
.developer-page .inbox-filter label,.developer-page .ticket-form label { font-size:12px; gap:5px; margin-bottom:12px; }
.developer-page .inbox-filter label { margin:0; }
.developer-page .inbox-filter input,.developer-page .inbox-filter select,.developer-page .ticket-form select,.developer-page .ticket-form textarea { font-size:13px; padding:8px 10px; border-radius:8px; line-height:1.5; }
.developer-page .inbox-filter button,.developer-page .ticket-form button,.developer-page .inbox-pagination button { min-height:36px; padding:8px 14px; font-size:12px; border-radius:8px; }
.developer-page #inbox-result { min-height:20px; margin:8px 0 12px; font-size:12px; }
.developer-page .inbox-layout { grid-template-columns:minmax(250px,.65fr) minmax(0,1.35fr); gap:16px; }
.developer-page .inbox-item { padding:12px 14px; gap:4px; margin-bottom:8px; border-radius:10px; font-size:13px; line-height:1.45; background:#101a25; }
.developer-page .inbox-item[aria-pressed=true] { background:linear-gradient(115deg,#213040,#151f2b); border-color:#d7b980; box-shadow:inset 3px 0 #d7b980; }
.developer-page .inbox-item strong { font-size:14px; }
.developer-page .inbox-item small { font-size:11px; }
.developer-page .inbox-item span { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.developer-page .inbox-pagination { margin:12px 0 0; font-size:12px; }
.developer-page .inbox-detail { padding:18px 20px; border-radius:12px; font-size:13px; line-height:1.55; background:#111b26; }
.developer-page .inbox-detail h2 { font:400 25px/1.25 Georgia,serif; margin:8px 0 10px; }
.developer-page .inbox-detail h3 { margin:18px 0 8px; font-size:14px; color:#e9d9b6; }
.developer-page .inbox-detail p { margin:8px 0; }
.developer-page .inbox-message { padding:12px 14px; margin:12px 0; border-radius:0 6px 6px 0; }
.developer-page .ticket-form { padding-top:12px; margin-top:14px; }
.developer-page .ticket-event,.developer-page .delivery-row { padding:8px 0; }
@media(min-width:1001px) { .developer-page .inbox-layout > div:first-child { position:sticky; top:24px; align-self:start; } }
@media(max-width:1000px) { .developer-page .developer-header { flex-direction:row; align-items:center; } .developer-page .developer-intro { flex-direction:row; } .developer-page .developer-actions { width:auto; } .developer-page .inbox-layout { grid-template-columns:1fr; } .developer-page .product-stat-body { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(max-width:680px) { .developer-page .developer-shell { width:calc(100% - 28px); padding-top:14px; } .developer-page .developer-header { flex-wrap:wrap; gap:12px; } .developer-page .developer-brand-lockup strong { font-size:14px; } .developer-page .developer-actions { width:100%; } .developer-page .developer-intro { flex-direction:column; align-items:flex-start; gap:12px; } .developer-page .inbox-heading { flex-direction:row; align-items:center; } .developer-page .inbox-heading h1,.developer-page .developer-intro h1 { font-size:27px; } .developer-page .inbox-heading p { display:none; } .developer-page .stats-grid { grid-template-columns:1fr; } .developer-page .stats-summary { gap:7px; } .developer-page .summary-card { padding:12px 10px; min-height:120px; } .developer-page .summary-card span { font-size:9px; letter-spacing:0; } .developer-page .summary-card strong { font-size:30px; } .developer-page .summary-card small { font-size:10px; } .developer-page .owner-update { flex-wrap:wrap; } .developer-page .inbox-filter { grid-template-columns:minmax(0,1fr) auto; } .developer-page .inbox-filter label:first-child { grid-column:1/-1; } .developer-page .stats-section-head { flex-wrap:wrap; } .developer-page .stat-cell { padding:10px; } }
@media(prefers-reduced-motion:reduce) { .developer-page button { transition:none; } }

/* Owner's night sky: cards stay opaque for clear reading. */
.developer-page { background:linear-gradient(180deg,rgba(5,10,18,.30),rgba(5,10,18,.62)),url('/media/owner-milky-way-v1.png') center top / cover fixed #060b13; }
.developer-page .inbox-detail,.developer-page #inbox-list { max-height:none; overflow:visible; }
.developer-page .inbox-detail { scroll-margin-top:24px; box-shadow:0 12px 40px #0004; }
.developer-page .developer-tabs { background:#0b131ed9; width:fit-content; padding:5px; border-radius:12px; }
@media(max-width:1000px) { .developer-page .inbox-layout > div:first-child { position:static; } }