/* TechPilot / industrial premium theme: separate stylesheet to keep legacy features intact */
:root{color-scheme:dark;--navy:#0d0f12;--teal:#fb7612;--line:#343a42;font-family:Inter,"Segoe UI",system-ui,-apple-system,sans-serif;color:#f2f3f6;background:#0c0d10}
body{background:#0c0d10;color:#f0f0f1}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #ffa752;outline-offset:3px}
.top{position:sticky;top:0;z-index:24;background:linear-gradient(120deg,#0a0c0f,#18191d);border-bottom:1px solid #383838;min-height:80px;padding:12px 28px}
.brand{font-size:1.55rem;letter-spacing:-.055em;gap:7px;line-height:1.05}
.brand-symbol{flex:none;filter:drop-shadow(0 3px 7px #ff7b1726)}
.brand-tech{color:#e9edf2}.brand-pilot{color:#ff7818}
.brand small{letter-spacing:.18em;font-size:.48rem;color:#aeb5bc;margin-top:5px;font-weight:550}
.top-right{gap:10px}
.pill{background:#24282c;color:#c8d0d4;border-color:#464b51;font-size:.76rem}
.more-button{display:none;background:#222830;color:#ff831f;border:1px solid #40434a;padding:7px 12px;border-radius:10px;font-size:1.15rem}
.layout{grid-template-columns:215px minmax(0,1fr);min-height:calc(100dvh - 80px)}
.nav{background:#101215;border-right:1px solid #30343a;gap:5px;padding:26px 13px}
.nav button{color:#adb2ba;background:transparent;border-radius:10px;font-size:.94rem;padding:13px 14px;gap:14px;transition:background .15s,color .15s}
.nav button:hover{background:#26272c;color:#fff}
.nav button.active{background:linear-gradient(90deg,#53290f,#2b241e);color:#ff9c4b;border-left:3px solid #ff7712;font-weight:750}
.nav button>span:first-child{font-size:1.35rem;color:#ff801a;min-width:25px;text-align:center}
.nav button.extra-nav{font-size:.83rem}
.nav .account{border-color:#343941;color:#c7cbd1}
.nav .account small{color:#7c8793}
main{max-width:1490px;padding:30px 34px 28px}
h1{font-size:2.1rem;letter-spacing:-.045em}h2{letter-spacing:-.025em}p{color:inherit}
.eyebrow{color:#ff9b4a}.muted{color:#a6adb4}
.primary{background:#ff7713;color:#16130e;border:1px solid #ff8a35}.primary:hover{background:#ff9446}
.secondary{background:#272d33;color:#e9ecef;border:1px solid #444a50}.secondary:hover{background:#343a40}
.link{color:#ff9c4a}.link:hover{text-decoration:underline}
.notice{color:#ffd7a2;border-color:#704d26;background:#342619}.notice.error{background:#3e2321;border-color:#8a4443;color:#ffddd4}
.stats>div,.card,.activity-card,.panel,.location-browser{background:#1b1d20;border-color:#35383e;color:#f0f1f3}
.stats span,.card .model,.card .location,.badge,.empty,.empty p,.location-browser p{color:#b8bdc4}
.stats strong,.card h3{color:#f2f4f7}.card:hover{border-color:#ff8a29;box-shadow:0 6px 24px #0006}
.card-category{color:#ff9b4a}.badge{background:#353a3f}.badge.ok{background:#143f30;color:#a0edc7}.badge.problem{background:#482c26;color:#ffb1a6}.badge.pending{background:#4c3925;color:#ffd08e}
.empty{border-color:#55565a;background:#191d21}.empty h2{color:#f5f5f6}
.search{background:#23272c;border:1px solid #45494c;color:#d3d5d9}.search input{color:#fff}
input,textarea,select{background:#22262b;border-color:#454b50;color:#f3f4f6}
input::placeholder,textarea::placeholder{color:#93999f;opacity:1}
input:focus,select:focus,textarea:focus{border-color:#ff881c}
.panel,.photo-box{color:#e8ebee}.photo-box{background:#282d31;border-color:#766047}.photo-box p{color:#c7c9cc}
.photo-button{background:#45301d;color:#ffce9e;border-color:#9d652e}
.work-item{background:#23282c;border-left-color:#ff7918}.work-item .meta,.detail-grid dt{color:#abb4bd}
.preset-row input{background:#252a2f}.field-pencil{background:#36312b;border-color:#7a512e;color:#ffae63}
#toast{background:#ff7918;color:#111;font-weight:650}
dialog{background:#191c20;color:#e8ebee;border:1px solid #4a4c51}dialog::backdrop{background:#050708cf}
.dialog-heading,.dialog-footer{border-color:#343a41}.dialog-footer{background:#22262b}
.photo-viewer-tools{color:#b8c0c8}.location-browser{background:#1c2328}.location-chips button{background:#262e34;color:#f2f2f2;border-color:#45525d}
.location-tree,.location-tree button{color:#e8ebee}.auto-filled{border-color:#ff9a3e;background:#3e2d22}
footer{border-top:1px solid #36393d;padding-top:22px;color:#9ca5af}footer .link{font-size:.86rem}
/* Home */
.tp-home{max-width:1280px}
.tp-hero{border-radius:18px;min-height:300px;display:flex;align-items:center;position:relative;overflow:hidden;background:linear-gradient(90deg,rgba(7,9,12,.98) 0%,rgba(8,9,12,.83) 54%,rgba(12,10,8,.53) 100%),url('/techpilot-hero.webp') center/cover no-repeat;border:1px solid #40352b;box-shadow:0 12px 36px #0006}
.tp-hero:after{content:"";position:absolute;inset:auto 0 0;height:4px;background:linear-gradient(90deg,#ff6d07,#bb4a00,transparent)}
.tp-hero-content{padding:34px clamp(20px,4vw,50px);position:relative;z-index:2;width:100%}
.tp-kicker{color:#ff994c;letter-spacing:.16em;font-size:.72rem;font-weight:750;margin:0 0 9px}
.tp-greeting{font-size:1.08rem;color:#bac0c8;margin:0 0 4px}
.tp-hero h1{font-size:clamp(2.2rem,5vw,3.4rem);margin:0;color:#fff;line-height:1.1}
.tp-hero h1 em{font-style:normal;color:#ff7a16}
.tp-hero-sub{color:#c5c9cf;font-size:.96rem;margin:13px 0 23px;max-width:440px}
.tp-global-search{display:flex;align-items:center;gap:10px;max-width:680px;width:100%;background:#181a1eeF;border:1px solid #555052;border-left:4px solid #fc7a17;border-radius:11px;padding:0 9px 0 14px}
.tp-global-search span{font-size:1.7rem;color:#ffae72}
.tp-global-search input{min-width:0;flex:1;border:0;background:transparent;margin:0;outline:0;font-size:.92rem;padding:12px 0;min-height:48px}
.tp-global-search button{background:#fa7d18;color:#101010;border-radius:7px;font-weight:700;padding:10px 15px}
.tp-home-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0 32px}
.tp-tile{text-align:left;position:relative;display:flex;flex-direction:column;min-height:174px;background:linear-gradient(130deg,#292a2d,#17191b);border:1px solid #47494b;border-radius:15px;padding:23px 19px 20px;color:#f7f8f9;overflow:hidden;isolation:isolate;transition:transform .18s,border-color .18s}
.tp-tile:after{content:"";position:absolute;right:-30px;bottom:-62px;width:160px;height:160px;background:radial-gradient(circle,#ff7b1033,transparent 66%);z-index:-1}
.tp-tile:hover{border-color:#ff8f3f;transform:translateY(-2px)}
.tp-tile .tile-icon{font-size:2.3rem;font-weight:500;color:#ff801f;margin-bottom:13px;line-height:1}
.tp-tile strong{font-size:1.07rem;margin-bottom:5px}
.tp-tile small{font-size:.78rem;color:#bac1c8;line-height:1.35;max-width:85%}
.tp-tile .tile-go{position:absolute;right:13px;bottom:13px;display:grid;place-items:center;border-radius:50%;width:28px;height:28px;background:#414044;color:#f2f3f4}
.tp-section-head{display:flex;justify-content:space-between;align-items:end;gap:16px;margin:0 0 14px}
.tp-section-head h2{font-size:1.45rem;margin:0}
.tp-text-link{background:transparent;color:#ff994b;font-size:.91rem;font-weight:650;padding:8px 0}
.tp-recent-list{display:grid;gap:10px}
.tp-recent-item{display:flex;gap:14px;align-items:center;text-align:left;min-width:0;width:100%;padding:13px 17px;background:linear-gradient(100deg,#212427,#17191b);color:#f2f3f4;border:1px solid #383e45;border-radius:12px}
.tp-recent-item:hover{border-color:#ff8a25}
.tp-asset-symbol{display:grid;place-items:center;background:#34281f;color:#ffa14c;width:54px;height:54px;font-size:1.9rem;border-radius:10px;flex-shrink:0}
.tp-asset-text{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.tp-asset-text strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tp-asset-text small{color:#b1b8c0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tp-asset-status{font-size:.7rem;color:#eab17a;background:#3a2d23;border-radius:20px;padding:6px 10px;max-width:130px;text-align:center;flex-shrink:0}
.tp-empty{border:1px dashed #4a4e53;border-radius:12px;padding:24px;color:#acb3bb;background:#1c1e21}
.tp-home-footer{display:flex;align-items:center;gap:22px;color:#aab1ba;margin-top:25px;border-top:1px solid #393c41;padding-top:16px;flex-wrap:wrap}
.tp-home-footer b{font-size:1.2rem;color:#ff9c4b}
.tp-home-footer button{margin-left:auto;background:#292b30;color:#ffad67;border:1px solid #3b4148;border-radius:8px;padding:10px 14px}
/* New sections */
.tp-calculators{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:1040px}
.tp-tool-panel,.tp-info-panel{padding:24px;background:linear-gradient(145deg,#26292d,#17191b);border:1px solid #3d4248;border-radius:14px}
.tp-tool-panel{display:grid;gap:14px}.tp-tool-panel h2{color:#ffab67;margin:0}.tp-tool-panel p{color:#adb4bc;font-size:.88rem;line-height:1.6;margin:0}
.tp-tool-panel label{font-size:.86rem;color:#e3e6e9}.tp-tool-panel input{margin-top:6px}
.tp-result{display:block;padding:15px;background:#32271e;border:1px solid #72502f;color:#ffc58b;border-radius:9px;font-weight:600;min-height:55px;line-height:1.5}
.tp-result.tp-error{background:#3e2223;border-color:#8a4443;color:#ffc8c5}
.tp-info-panel{max-width:820px}.tp-info-panel h2{margin-top:16px}.tp-info-panel p{color:#b9c1c9;line-height:1.7}.tp-feature-symbol{font-size:3.5rem;color:#ff8823}
.tp-panel-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
.tp-more-menu{position:fixed;right:16px;top:82px;z-index:33;background:#23272b;border:1px solid #54575e;box-shadow:0 14px 45px #000b;border-radius:12px;padding:10px;min-width:220px}
.tp-more-menu button{display:block;width:100%;background:transparent;color:#e7ebee;padding:12px 14px;text-align:left;border-radius:7px}
.tp-more-menu button:hover{background:#413126;color:#ffb37a}
/* loading experience */
#tech-splash{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#07090b url('/techpilot-workshop.webp') center/cover no-repeat;transition:opacity .35s ease,visibility .35s ease}
#tech-splash.splash-hide{opacity:0;visibility:hidden;pointer-events:none}
.splash-content{text-align:center;padding:24px;display:flex;flex-direction:column;align-items:center;width:min(94vw,440px);filter:drop-shadow(0 4px 18px #000a)}
.splash-symbol{width:clamp(105px,18vw,160px);height:auto;margin-bottom:3px}
.splash-content h1{font-size:clamp(2.7rem,8vw,4.6rem);line-height:1;margin:0;letter-spacing:-.055em;color:#e9edf1}
.splash-content h1 em{font-style:normal;color:#ff7b12}
.splash-content p{font-size:.75rem;color:#c6cbd0;letter-spacing:.31em;margin:16px 0 0}
.splash-track{height:9px;background:#32353b;border:1px solid #494c52;border-radius:100px;overflow:hidden;width:min(88%,330px);margin:80px 0 16px}
.splash-track span{display:block;width:45%;height:100%;background:linear-gradient(90deg,#b83d00,#ff7913,#ffb15d);border-radius:50px;animation:progress 1.3s ease-in-out infinite alternate}
.splash-content small{color:#babfc5;font-size:.68rem;letter-spacing:.25em}
@keyframes progress{from{transform:translateX(0)}to{transform:translateX(122%)}}
@media(max-width:1150px){.tp-home-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.layout{grid-template-columns:175px minmax(0,1fr)}main{padding:24px 20px}.nav{padding:20px 9px}.nav button{padding:12px 8px;font-size:.85rem}.tp-hero{min-height:270px}}
@media(max-width:640px){
 .top{min-height:68px;padding:10px 14px;position:sticky}.brand{font-size:1.3rem}.brand-symbol{width:40px;height:40px}.brand small{font-size:.4rem;letter-spacing:.13em}.pill{display:none}.more-button{display:block}
 .layout{display:block;min-height:calc(100dvh - 68px)}main{padding:17px 14px 106px;max-width:none}.nav{position:fixed;z-index:25;bottom:0;left:0;right:0;padding:7px 8px max(8px,env(safe-area-inset-bottom));border-top:1px solid #45484c;border-bottom:0;background:#0c0d10;display:flex;gap:0;justify-content:space-between;box-shadow:0 -8px 28px #0009}
 .nav button{flex:1;min-width:0;padding:7px 2px 4px;display:flex;flex-direction:column;gap:2px;align-items:center;justify-content:center;font-size:.65rem;border-radius:7px;border:0!important;white-space:nowrap}
 .nav button>span:first-child{font-size:1.45rem}.nav button.active{background:transparent;color:#ff9a4b}.nav button.active>span:first-child{color:#ff7918}
 .nav .extra-nav,.nav .account{display:none!important}
 .tp-hero{min-height:270px}.tp-hero-content{padding:24px 17px}.tp-hero h1{font-size:2.4rem}.tp-hero-sub{font-size:.85rem}.tp-global-search{gap:7px}.tp-global-search input{font-size:.78rem}.tp-global-search button{padding:11px 8px;font-size:.76rem}
 .tp-home-grid{gap:10px;margin:12px 0 27px}.tp-tile{padding:15px 12px;min-height:154px}.tp-tile strong{font-size:.97rem}.tp-tile .tile-icon{font-size:2rem}.tp-tile small{font-size:.71rem}.tp-tile .tile-go{right:8px;bottom:8px;width:23px;height:23px}
 .tp-recent-item{gap:9px;padding:10px}.tp-asset-symbol{height:43px;width:43px}.tp-asset-status{font-size:.6rem;max-width:100px;padding:5px 6px}.tp-home-footer{gap:12px}.tp-home-footer button{width:100%;margin-left:0;text-align:center}
 .tp-calculators{grid-template-columns:1fr}.tp-tool-panel,.tp-info-panel{padding:20px}
 .heading{align-items:flex-start}h1{font-size:1.7rem}.top-right #sync{display:none!important}
 .tp-more-menu{top:62px;right:10px}
}
@media(prefers-reduced-motion:reduce){.tp-tile,#tech-splash{transition:none}.splash-track span{animation:none;width:55%}}

/* TechPilot v2: academia y ficha técnica */
.tp-tool-filter{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0 24px}
.tp-tool-filter button{border:1px solid #55545a;background:#27292d;color:#e9ecef;border-radius:99px;padding:10px 16px;font-weight:600}
.tp-tool-filter button.active{color:#151515;background:#ff831c;border-color:#ff831c}
.tp-tool-topic{letter-spacing:.11em;text-transform:uppercase;color:#ffa35c;font-size:.7rem;font-weight:750}
.tp-tool-panel[hidden]{display:none!important}
.tp-lesson{border-top:1px solid #494949;padding-top:13px;min-width:0}
.tp-lesson summary,.tp-tech-sheet summary{cursor:pointer;font-weight:750;color:#ffb477;line-height:1.5}
.tp-lesson[open] summary,.tp-tech-sheet[open] summary{margin-bottom:15px}
.tp-lesson p{margin:12px 0;color:#d1d5da;font-size:.89rem}
.tp-lesson a{display:block;margin:11px 0;color:#ffbb88;text-decoration:underline;text-underline-offset:2px;line-height:1.45}
.tp-formula{background:#121417;border-left:3px solid #ff7f18;padding:13px 15px;margin:12px 0;color:#fff;font-weight:700;line-height:1.9;border-radius:7px}
.tp-lesson .tp-tip{background:#3c291f;border:1px solid #69462a;border-radius:8px;padding:11px;color:#f6c9a7}
.tp-responsive-table{overflow-x:auto}.tp-responsive-table table{border-collapse:collapse;width:100%;font-size:.84rem}.tp-responsive-table td,.tp-responsive-table th{padding:7px 10px;border-bottom:1px solid #48494b;text-align:left;color:#dce0e3}
.tp-photo-choice{display:flex;gap:12px;flex-wrap:wrap}.tp-photo-choice .photo-button{flex:1 1 160px;min-width:0;text-align:center;cursor:pointer}
.tp-tech-sheet{padding:18px 12px;border:1px solid #59514c;background:#252322;border-radius:12px;margin:16px 0;min-width:0}
.tp-tech-sheet label{display:block;margin:12px 0 0}.tp-tech-sheet input,.tp-tech-sheet textarea{margin-top:7px;width:100%;box-sizing:border-box}
.detail-grid dd{white-space:pre-wrap;overflow-wrap:anywhere}
@media(max-width:640px){.tp-tool-filter button{font-size:.77rem;padding:9px 12px}.tp-calculators{gap:14px}.tp-photo-choice{flex-direction:column}}