/* Mad Circus V0.7.9 — theatrical, usable surfaces rather than navy spreadsheets.
 * Private account data stays in the app, not CSS or images. All art paths local.
 * Added AFTER the older CSS so the visual language is consistent across views. */
:root{--panel:#291a19;--panel2:#1b1213;--line:#9f7650;--teal:#d7b37a;--amber:#f3c88e;--muted:#c8b4a2}
.app-main{background:radial-gradient(ellipse at 40% -15%,#3b2020 0,#1a1012 45%,#120b0d 100%)}
main{max-width:1700px;margin:0 auto}
button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #f6d4a0;outline-offset:3px}
.panel,.action-card,.help-inline,.stats>.stat,.fusion-drawer,.modal,.auth-card,.circus-editor-wrap{
 border:1px solid #855b43!important;
 border-radius:15px!important;
 background:radial-gradient(ellipse at top left,#3c2423 0,#24171a 60%,#191216 100%)!important;
 box-shadow:inset 0 1px 0 #e3b88919,0 10px 23px #07020477!important;
}
.panel-title{border-radius:14px 14px 0 0;background:linear-gradient(100deg,#57292d,#321e21 56%,#201619)!important;padding:13px 17px;border-bottom:1px solid #9c674a;color:#f9d7a5;letter-spacing:1px}
.page-title h2,.project-title{color:#ffe0b4}
.action-card{position:relative;overflow:hidden;border-radius:17px 7px 17px 7px!important;padding:20px}
.action-card:before{content:"✦";position:absolute;right:13px;top:8px;color:#bd8b646b;font:24px Georgia,serif;pointer-events:none}
.action-card h3{color:#f4d4ab}
.action-card p,.panel-body p{color:#cbbab0}
.help-inline{border-radius:12px!important}
.help-inline>summary{color:#edd1ad}
.circus-gallery-panel,.circus-project-panel{
 background:radial-gradient(ellipse at 85% -15%,#57332d,#28191a 47%,#191416 100%)!important;
 border:2px ridge #886044!important;
 border-radius:19px 6px 19px 6px!important;
 box-shadow:0 14px 27px #09030496,inset 0 1px #d7ad7b27!important;
}
.circus-gallery-meta,.circus-panel-title{border-bottom-color:#976347}
.circus-card{border-radius:11px!important;box-shadow:0 8px 17px #0602028c,inset 0 1px #dfb48c35}
.circus-card:hover{transform:translateY(-3px);box-shadow:0 14px 22px #050202b0,0 0 0 1px #ddac78!important}
.circus-gallery-actions .circus-small-btn,.circus-small-btn{border-radius:20px}
#projectMatchPanel .project-donor-card{background:linear-gradient(145deg,#3b2725,#241a1e)!important;border:1px solid #936d55!important;border-radius:15px}
#projectMatchPanel .project-donor-field{background:#24191a;border-color:#6e4d42;border-radius:7px}
#projectMatchPanel .project-donor-section>b{color:#f0d0a3}
#view-fusion .wish-workbench-metric,#view-fusion .fusion-goal{background:linear-gradient(140deg,#352123,#241719)!important;border-color:#c09a6d!important;border-radius:9px;color:#f2dfcb}
#view-fusion .fusion-slot{border-radius:13px!important}
#view-inventory .circus-editor-wrap{background:linear-gradient(155deg,#301d1f,#1e1719)!important}
#view-inventory .circus-editor-wrap>summary{border-radius:15px;color:#f9d6aa}
#view-inventory .circus-editor-wrap[open]>summary{border-radius:15px 15px 0 0}
input,select,textarea{border-radius:7px;background:#1e1719;border-color:#805e4d}
.filters input,.filters select,.form-grid input,.form-grid select,.form-grid textarea{background:#24191a!important;border-color:#8d6c56!important}
.button.secondary,.mini-button{background:linear-gradient(150deg,#543831,#2a2020)!important;border-color:#a67e56!important;border-radius:8px}
.button.primary{border-radius:8px}
.standard-specimen-profile .standard-specimen-field,#projectMatchPanel .project-donor-field{background:#281c1d;border-color:#785544}
.standard-specimen-drawer,.fusion-specimen-details{border-color:#9c7455;background:#28191e;border-radius:9px}
.standard-specimen-trait{border-bottom-color:#694737}
.circus-bank-import-row{align-items:center;gap:10px;flex-wrap:wrap}
#view-inventory .circus-bank-import-row .bank-delete-trigger{
 background:linear-gradient(145deg,#60272d,#381a20)!important;
 border:1px solid #d37b74!important;border-radius:8px;
 color:#ffe4dc;min-height:38px;padding:9px 13px;font:700 11px Georgia,serif;
 box-shadow:inset 0 1px 0 #f5ac9430;letter-spacing:.4px
}
#view-inventory .circus-bank-import-row .bank-delete-trigger:hover{background:#8d3139!important}
#view-inventory .circus-bank-delete-note{color:#e5b9ad;font:11px/1.55 'Segoe UI',sans-serif;margin:13px 0 0}
#inventoryTable .specimen-registry-table{min-width:1040px;border-collapse:separate;border-spacing:0 5px}
#inventoryTable .specimen-registry-table th{background:linear-gradient(115deg,#61372f,#302021);color:#f2d3aa;border-top:1px solid #976a4b}
#inventoryTable .specimen-registry-table td{background:#25191b;border-bottom:1px solid #63473c;border-top:1px solid #513a33;vertical-align:middle}
#inventoryTable .specimen-registry-table tbody tr:nth-child(even) td{background:#2c1c1e}
#inventoryTable .specimen-registry-table tbody tr:hover td{background:#42282a}
#inventoryTable .specimen-registry-table td:first-child{min-width:220px}
.specimen-registry-identity{display:flex;align-items:center;gap:12px;min-width:0;text-align:left}
.specimen-registry-identity-copy{min-width:0;overflow-wrap:anywhere;flex:1}
.specimen-registry-identity-copy .spec-name{font:700 15px/1.3 Georgia,serif;color:#ffe1bb}
.specimen-registry-portrait{position:relative;display:flex;flex:0 0 74px;width:74px;height:80px;justify-content:center;align-items:center;overflow:hidden;isolation:isolate;border:2px ridge #b99262;border-radius:11px 3px 11px 3px;background:radial-gradient(circle at 50% 45%,#61473c 0,#25151a 75%);box-shadow:inset 0 0 12px #0201018c,0 4px 10px #08040370}
.specimen-registry-portrait:after{content:"";position:absolute;inset:4px;border:1px solid #e5ba8752;border-radius:7px 2px 7px 2px;pointer-events:none;z-index:2}
.specimen-portrait-fallback{font:34px Georgia,serif;color:#e8b97b83}
.specimen-registry-portrait img{width:100%;height:100%;object-fit:contain;position:absolute;inset:0;z-index:1;padding:4px 3px;display:block;background:radial-gradient(circle,#4f3531,#1e1517 80%)}
.specimen-portrait-note{color:#ebb78a;display:block;font:700 9px Georgia,serif;margin-top:4px}
#view-inventory .specimen-registry-table .table-actions{gap:5px}
#view-inventory .specimen-registry-table .table-actions button{border-radius:7px}

/* Big Top: actionable account-specific home, not a system-status spreadsheet. */
.circus-home{--home-gold:#f1c893;--home-line:#94674a}
.circus-home-hero{min-height:260px;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(200px,.6fr);position:relative;overflow:hidden;background:linear-gradient(90deg,#2c161b 0,#3e1f27 62%,#170e11 100%);border:2px ridge #b88959;border-radius:24px 6px 24px 6px;box-shadow:0 15px 36px #080304a3,inset 0 0 0 6px #180d0d}
.circus-home-hero:before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,#150a0b40,#150a0bdc),url('./circus-canopy.jpg') center 28%/cover no-repeat;opacity:.52}
.circus-home-intro{position:relative;z-index:1;padding:31px clamp(18px,4vw,55px);max-width:750px}
.circus-home-kicker{font:700 11px/1.4 Georgia,serif;color:#f0bb85;letter-spacing:2.1px}
.circus-home-intro h1{color:#ffeed1;font:900 clamp(40px,5vw,72px)/.95 Georgia,serif;letter-spacing:1px;margin:12px 0 13px;text-shadow:0 4px 12px #070203}
.circus-home-intro h1 em{color:#f1b071;font-style:normal}
.circus-home-intro p{max-width:575px;font:15px/1.55 Georgia,serif;color:#f0d4be}
.circus-home-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin:17px 0 0}
.circus-home-hero-actions .button{min-height:44px}
.circus-home-art{position:relative;z-index:1;min-height:220px;margin:18px 28px 18px 0;border:3px double #c39262;border-radius:50% 50% 9px 9px;background:radial-gradient(circle at 50% 40%,#ac695b33,#100b0cc9 68%),url('./mr-wish-avatar.jpg') center 27%/cover no-repeat;box-shadow:0 0 0 7px #230e13cc,0 0 0 8px #e3b37f6b,inset 0 0 28px #10070966}
.circus-home-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:17px 0}
.circus-home-stat{padding:20px 18px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 10% -10%,#5a302b,#29181c 75%);border:1px solid #96704f;border-radius:15px 5px 15px 5px;box-shadow:0 9px 19px #08040579}
.circus-home-stat:before{content:"✦";position:absolute;top:6px;right:11px;color:#c9a47565;font-size:16px}
.circus-home-stat.attention{border-color:#e5a078;background:linear-gradient(130deg,#61302d,#361d22)}
.circus-home-stat span{display:block;color:#f0c898;font:700 10px Georgia,serif;letter-spacing:1.1px}
.circus-home-stat strong{display:block;font:800 clamp(28px,3.2vw,49px)/1.35 Georgia,serif;color:#ffefda;font-variant-numeric:tabular-nums}
.circus-home-stat small{display:block;color:#cfbbaa;font:11px/1.45 'Segoe UI',sans-serif}
.circus-home-content,.circus-home-lower{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:14px}
.circus-home-board{background:linear-gradient(145deg,#36201f,#1e151a 70%);border:1px solid #986a4b;border-radius:17px 5px 17px 5px;box-shadow:0 10px 25px #08030480;min-width:0;overflow:hidden}
.circus-home-board>header{display:flex;gap:14px;align-items:center;background:linear-gradient(90deg,#613332,#301b1d);border-bottom:1px solid #946340;padding:17px}
.circus-home-board h2{font:700 22px/1.2 Georgia,serif;color:#ffdfb7;margin:4px 0 0}
.circus-home-flourish{display:grid;place-items:center;flex:0 0 39px;height:39px;border:1px double #f1c390;border-radius:50%;color:#f4c99b;background:#3d2325;font-size:22px}
.circus-home-rows{padding:10px 17px}
.circus-home-task{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:12px;align-items:center;padding:15px 2px;border-bottom:1px solid #7b514347}
.circus-home-task:last-child{border-bottom:0}
.circus-home-task-number{font:700 19px Georgia,serif;color:#f4c38e;text-align:center}
.circus-home-task h3{font:700 15px Georgia,serif;color:#fff0d4;margin:0 0 4px}
.circus-home-task p{color:#d5c2b3;margin:0;font:12px/1.6 'Segoe UI',sans-serif}
.circus-home-task button{white-space:normal;min-width:100px;max-width:150px;border:1px solid #b88961;background:linear-gradient(#592c31,#331d22);border-radius:15px 4px 15px 4px;padding:11px 12px;color:#ffdcba;font:700 10px/1.4 Georgia,serif}
.circus-home-task button:hover{background:#7b353c;color:#fff}
.circus-home-location-list{padding:15px 18px}
.circus-home-location{display:grid;grid-template-columns:76px 1fr 32px;align-items:center;gap:12px;margin:12px 0;color:#f4dfc6;font:13px Georgia,serif}
.circus-home-location-track{height:10px;background:#170f13;border:1px solid #77513f;border-radius:12px;overflow:hidden}
.circus-home-location-track i{display:block;height:100%;background:linear-gradient(90deg,#b26350,#e6b87c);border-radius:9px}
.circus-home-location>b{text-align:right;color:#ffd59d;font-variant-numeric:tabular-nums}
.circus-home-hint{padding:0 18px 18px;font-size:11px;color:#bfae9f}
.circus-home-side{display:flex;flex-direction:column;gap:14px}
.circus-home-guide{border:1px solid #91674d;border-radius:13px;background:linear-gradient(130deg,#392423,#221719);padding:12px 16px}
.circus-home-guide>summary{cursor:pointer;color:#f7d5aa;font:700 14px Georgia,serif;display:flex;gap:16px;justify-content:space-between;list-style-position:inside}
.circus-home-guide #starterSteps{margin-top:15px}
.circus-home-guide .help-start-entry{background:#2e2020;border-radius:7px}
.circus-home-guide .button-row{margin-top:14px}
.circus-home-side #projectAlertsBody{padding:9px 0}
.circus-home-side .research-alert{padding:12px 0;border-bottom:1px solid #5a4239}
@media(max-width:1120px){.circus-home-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.circus-home-content,.circus-home-lower{grid-template-columns:1fr}.circus-home-hero{grid-template-columns:minmax(0,1.5fr) minmax(175px,.5fr)}}
@media(max-width:720px){.circus-home-hero{grid-template-columns:1fr}.circus-home-art{display:none}.circus-home-intro{padding:23px 18px}.circus-home-intro h1{font-size:42px}.circus-home-stats{gap:7px}.circus-home-stat{padding:14px 12px}.circus-home-stat strong{font-size:31px}.circus-home-stat small{font-size:10px}.circus-home-board>header{padding:12px}.circus-home-board h2{font-size:18px}.circus-home-rows{padding:7px 11px}.circus-home-task{grid-template-columns:23px 1fr;gap:9px}.circus-home-task button{grid-column:2;justify-self:start}.specimen-registry-portrait{flex-basis:59px;width:59px;height:65px}.circus-bank-import-row>.button,.circus-bank-import-row>a{width:100%;text-align:center}}
@media(prefers-reduced-motion:reduce){.circus-card{transition:none!important}}