
/* TEC Alexa-style virtual smart-home assistant — uses existing simulation controls */
#home-simulation .simulation-house{display:flex;flex-direction:column;align-items:stretch}
#home-simulation .simulation-house>.architectural-stage{flex:0 0 auto}
#home-simulation .simulation-house>.simulation-stage-footer{flex:0 0 auto}
#home-simulation .tec-alexa-panel{--alexa-copper:#efbe96;--alexa-teal:#8fe8cc;position:relative;z-index:2;isolation:isolate;flex:1 0 auto;display:flex;flex-direction:column;overflow:hidden;min-height:300px;margin:14px 1px 0;border:1px solid #f0c49d5f;border-radius:18px;background:linear-gradient(142deg,#1f3b45,#0d2732 48%,#09222e 100%);box-shadow:0 18px 36px #0004,inset 0 1px #fff2;color:#f6f7ef}
#home-simulation .tec-alexa-panel:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(125deg,#ffffff0d,transparent 44%),radial-gradient(ellipse at 0 0,#9be3d015,transparent 65%)}
#home-simulation .tec-alexa-panel-glow{position:absolute;pointer-events:none;inset:-120px auto auto -100px;width:340px;height:290px;border-radius:50%;background:radial-gradient(circle,#4dbea121,transparent 70%);filter:blur(13px);z-index:-1}
#home-simulation .tec-alexa-header{display:flex;align-items:center;gap:15px;padding:17px 21px 13px;border-bottom:1px solid #bbd7ca29}
#home-simulation .tec-alexa-speaker{width:62px;height:62px;position:relative;flex:none;border-radius:20px;background:linear-gradient(150deg,#3c6267,#132d38 53%,#091820);border:1px solid #afebd37d;box-shadow:11px 11px 19px #07151e89,inset 0 1px #fff5,0 0 22px #52dabc1b;display:grid;place-items:center;transform:perspective(250px) rotateY(-12deg) rotateX(8deg)}
#home-simulation .tec-alexa-speaker-core{width:30px;height:30px;border-radius:50%;background:radial-gradient(circle at 45% 35%,#2b8d8e,#123747 53%,#071b28);border:3px solid #8be2d7;box-shadow:0 0 0 3px #142e3b,0 0 19px #56e0ca6e,inset 0 0 9px #75e5f9a8;position:relative}
#home-simulation .tec-alexa-speaker-core:before{content:"";position:absolute;inset:8px;border-radius:50%;background:#7de7d6;box-shadow:0 0 7px #bafbe8}
#home-simulation .tec-alexa-speaker-ring{position:absolute;inset:6px;border:1px solid #d5c19c33;border-radius:16px}
#home-simulation .tec-alexa-speaker-ring.ring-two{inset:12px;border-color:#91dfc144;border-radius:50%}
#home-simulation .tec-alexa-heading-group{min-width:0;flex:1}
#home-simulation .tec-alexa-kicker{font-size:9px;letter-spacing:.16em;color:#e9b991;font-weight:840}
#home-simulation .tec-alexa-heading-group h3{font-size:clamp(18px,1.55vw,23px);line-height:1.22;letter-spacing:-.035em;color:#fff9ee;margin:4px 0}
#home-simulation .tec-alexa-heading-group h3 em{font-style:normal;color:#9ae9d7}
#home-simulation .tec-alexa-heading-group p{font-size:10px;color:#c8d8d1;margin:0;line-height:1.45}
#home-simulation .tec-alexa-mode{display:inline-flex;align-items:center;gap:7px;align-self:flex-start;white-space:nowrap;font-size:9px;letter-spacing:.09em;border:1px solid #78d9b96b;background:#163c3c8f;padding:8px 10px;border-radius:40px;color:#bff8d9;font-weight:750}
#home-simulation .tec-alexa-live-dot{width:7px;height:7px;display:inline-block;border-radius:50%;background:#92efc3;box-shadow:0 0 12px #9df4c2}
#home-simulation .tec-alexa-content{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:17px;padding:15px 20px 13px;flex:1}
#home-simulation .tec-alexa-interaction{display:flex;flex-direction:column;gap:10px;min-width:0}
#home-simulation .tec-alexa-phrase{display:flex;align-items:flex-start;gap:10px;padding:13px;background:#061d2ca6;border:1px solid #9fdfc942;border-radius:12px;min-height:72px;box-shadow:inset 0 1px #fff1}
#home-simulation .tec-alexa-phrase-symbol{font-size:34px;line-height:.9;color:#edbc92}
#home-simulation .tec-alexa-phrase>div{min-width:0;flex:1;display:flex;flex-direction:column;gap:6px}
#home-simulation .tec-alexa-phrase>div>span,#home-simulation .tec-alexa-answer>div>span{font-size:9px;letter-spacing:.13em;font-weight:820;color:#b8d0c7}
#home-simulation .tec-alexa-phrase strong{font-size:12px;color:#f8eee1;line-height:1.47;font-weight:700}
#home-simulation .tec-alexa-phrase-tail{color:#e3bd96;font-size:16px}
#home-simulation .tec-alexa-answer{display:flex;align-items:center;gap:11px;min-height:88px;padding:12px;background:linear-gradient(125deg,#36726b40,#1e4a5263 68%,#1839455c);border:1px solid #86dcc470;border-radius:12px;box-shadow:inset 0 1px #ffffff2b}
#home-simulation .tec-alexa-equalizer{flex:none;width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;gap:3px;background:radial-gradient(circle at 36% 30%,#316e78,#0b2e42 72%);border:1px solid #9de3df8b;box-shadow:0 0 16px #74edc52c,inset 0 1px #fff3}
#home-simulation .tec-alexa-equalizer i{display:block;width:3px;height:11px;background:#9ffbe3;border-radius:7px;box-shadow:0 0 6px #80f3cd}
#home-simulation .tec-alexa-equalizer i:nth-child(2){height:19px}
#home-simulation .tec-alexa-equalizer i:nth-child(3){height:13px}
#home-simulation .tec-alexa-equalizer i:nth-child(4){height:22px}
#home-simulation .tec-alexa-equalizer i:nth-child(5){height:8px}
#home-simulation .tec-alexa-panel[data-responding=true] .tec-alexa-equalizer i{animation:tec-alexa-wave .6s ease-in-out infinite alternate}
#home-simulation .tec-alexa-panel[data-responding=true] .tec-alexa-equalizer i:nth-child(2n){animation-delay:-.26s}
@keyframes tec-alexa-wave{to{transform:scaleY(.4)}}
#home-simulation .tec-alexa-answer>div{flex:1;min-width:0;display:flex;flex-direction:column;gap:7px}
#home-simulation .tec-alexa-answer strong{font-size:11px;line-height:1.5;font-weight:710;color:#edfff4}
#home-simulation .tec-alexa-answer [data-alexa-speak]{flex:none;background:#e5d3b71a;color:#fce8cb;border:1px solid #e8c8a565;border-radius:9px;font-size:10px;font-weight:750;padding:8px;cursor:pointer}
#home-simulation .tec-alexa-answer [data-alexa-speak]:hover{background:#f4ca9f39}
#home-simulation .tec-alexa-shortcuts{min-width:0;display:flex;flex-direction:column;gap:8px}
#home-simulation .tec-alexa-shortcut-title{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:9px;letter-spacing:.15em;font-weight:820;color:#eac49f}
#home-simulation .tec-alexa-shortcut-title small{font-size:8px;color:#a8c7c3}
#home-simulation .tec-alexa-commands{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
#home-simulation .tec-alexa-commands button{cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;min-height:43px;padding:7px 6px;border:1px solid #98bdb65c;border-radius:10px;background:linear-gradient(145deg,#37545c91,#15333d99);color:#e6f4eb;box-shadow:inset 0 1px #fff2;font-size:10px;font-weight:730;transition:background .25s,transform .25s,border .25s;text-align:center}
#home-simulation .tec-alexa-commands button span{color:#f2c195;font-size:16px}
#home-simulation .tec-alexa-commands button:hover{transform:translateY(-2px);border-color:#e9c69c;background:#3d5c61}
#home-simulation .tec-alexa-form{display:flex;flex-direction:column;gap:6px;margin-top:auto}
#home-simulation .tec-alexa-input-label{font-size:8px;letter-spacing:.14em;color:#bed3cc;font-weight:760}
#home-simulation .tec-alexa-input-wrap{display:flex;align-items:center;gap:8px;border:1px solid #90c4b577;border-radius:10px;padding:5px 5px 5px 11px;background:#071e29ba;box-shadow:inset 0 1px #ffffff10;min-width:0}
#home-simulation .tec-alexa-input-wrap>span{color:#efc294;font-size:18px}
#home-simulation .tec-alexa-input-wrap input{background:none!important;border:none!important;color:#fff!important;font-size:11px;outline:none!important;flex:1;min-width:0;padding:7px 0}
#home-simulation .tec-alexa-input-wrap input::placeholder{color:#94aba8}
#home-simulation .tec-alexa-input-wrap button{border-radius:7px;border:1px solid #f6d3aa;background:linear-gradient(132deg,#f8d4aa,#d49c6a);color:#172a30;min-height:34px;padding:0 12px;font-size:10px;cursor:pointer;font-weight:840;white-space:nowrap}
#home-simulation .tec-alexa-input-wrap button:hover{filter:brightness(1.08)}
#home-simulation .tec-alexa-panel-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:9px 20px 12px;border-top:1px solid #b9dbc42e;font-size:9px}
#home-simulation .tec-alexa-panel-foot .tec-alexa-live-state{display:inline-flex;align-items:center;gap:7px;color:#bbd8cb;font-size:10px}
#home-simulation .tec-alexa-live-state i{display:inline-block;width:6px;height:6px;background:#8ceec9;border-radius:50%;box-shadow:0 0 11px #86eac8}
#home-simulation .tec-alexa-panel-foot small{font-size:8px;letter-spacing:.075em;color:#87b3af}
@media(max-width:1250px){#home-simulation .tec-alexa-content{grid-template-columns:1fr}#home-simulation .tec-alexa-commands{grid-template-columns:repeat(3,1fr)}}
@media(max-width:1000px){#home-simulation .tec-alexa-content{grid-template-columns:1fr 1fr}#home-simulation .tec-alexa-panel{min-height:300px}}
@media(max-width:700px){#home-simulation .tec-alexa-header{padding:13px 12px;gap:9px}#home-simulation .tec-alexa-speaker{width:45px;height:45px;border-radius:14px}#home-simulation .tec-alexa-speaker-core{width:24px;height:24px}#home-simulation .tec-alexa-heading-group h3{font-size:18px}#home-simulation .tec-alexa-mode{font-size:7px;padding:6px 8px}#home-simulation .tec-alexa-content{grid-template-columns:1fr;padding:12px;gap:12px}#home-simulation .tec-alexa-commands{grid-template-columns:repeat(2,minmax(0,1fr))}#home-simulation .tec-alexa-panel-foot{padding:9px 12px;gap:6px}#home-simulation .tec-alexa-panel{min-height:0}#home-simulation .tec-alexa-shortcut-title{font-size:9px}}
@media(max-width:405px){#home-simulation .tec-alexa-mode{display:none}#home-simulation .tec-alexa-commands button{font-size:9px}}
/* Full-screen: preserve a large 3D canvas above a compact Alexa controller. */
#home-simulation:fullscreen .simulation-house{display:flex;min-height:0}
#home-simulation:fullscreen .architectural-stage{flex:1 1 auto;min-height:220px}
#home-simulation:fullscreen .simulation-stage-footer{flex:0 0 auto}
#home-simulation:fullscreen .tec-alexa-panel{flex:0 0 auto;min-height:0;max-height:none;margin:8px 0 0}
#home-simulation:fullscreen .tec-alexa-header{padding:8px 12px}
#home-simulation:fullscreen .tec-alexa-speaker{width:40px;height:40px;border-radius:12px}
#home-simulation:fullscreen .tec-alexa-speaker-core{width:22px;height:22px}
#home-simulation:fullscreen .tec-alexa-heading-group h3{font-size:15px}
#home-simulation:fullscreen .tec-alexa-heading-group p{font-size:9px}
#home-simulation:fullscreen .tec-alexa-content{display:grid;grid-template-columns:.9fr 1.1fr;gap:9px;padding:8px 12px}
#home-simulation:fullscreen .tec-alexa-interaction{gap:5px}
#home-simulation:fullscreen .tec-alexa-phrase,#home-simulation:fullscreen .tec-alexa-answer{min-height:0;padding:7px}
#home-simulation:fullscreen .tec-alexa-commands button{min-height:30px;padding:4px 5px;font-size:9px}
#home-simulation:fullscreen .tec-alexa-commands button span{font-size:13px}
#home-simulation:fullscreen .tec-alexa-panel-foot{padding:5px 12px}
@media(max-width:700px){#home-simulation:fullscreen .tec-alexa-panel{max-height:33vh;overflow:auto}#home-simulation:fullscreen .tec-alexa-content{display:block}#home-simulation:fullscreen .tec-alexa-shortcuts{margin-top:7px}}
@media(prefers-reduced-motion:reduce){#home-simulation .tec-alexa-equalizer i{animation:none!important}#home-simulation .tec-alexa-commands button{transition:none!important}}
