/* God Eye visual layer for Mi empresa. Existing controls and role permissions stay intact. */
.app{grid-template-rows:auto minmax(0,1fr)}
.workspace{align-content:start;grid-auto-rows:max-content;min-height:calc(100vh - 65px);gap:18px;padding:22px clamp(14px,2.3vw,42px) 44px;background:radial-gradient(ellipse at 94% 0,#ff6d1914,transparent 27%),#0d0f10}
.topbar{min-height:68px;padding-inline:clamp(14px,2.3vw,42px);border-bottom-color:#37322f;box-shadow:0 8px 28px #0005}
.control-band{align-items:center;gap:18px;min-height:64px;padding:10px 14px;border:1px solid #333a3c;border-radius:13px;background:linear-gradient(120deg,#171d1f,#111516);box-shadow:inset 0 1px #ffffff0a,0 10px 24px #0003}
.control-band .panel-subtitle{color:#ff9857!important;font-size:10px;letter-spacing:.11em;text-transform:uppercase;font-weight:900}
.scope-btn,.tab-btn{min-height:41px;padding:8px 12px;border-color:#3a4245;border-radius:9px;background:#1b2224;color:#d5dce0;transition:background .16s,border-color .16s,transform .16s}
.scope-btn:hover,.tab-btn:hover{background:#273136;border-color:#f2833c;transform:translateY(-1px)}
.scope-btn.active,.tab-btn.active{box-shadow:0 0 0 1px #ff985b,inset 0 1px #ffd1a077}
.tab-btn img{width:22px;height:22px}
.view{min-width:0}
.corp-home-hero,.corp-special-hero{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,34%);align-items:center;min-height:320px;padding:36px clamp(26px,3.4vw,58px);border:1px solid #70442e;border-radius:22px;background:radial-gradient(circle at 83% 54%,#f36c222b,transparent 28%),radial-gradient(circle at 18% 5%,#314c4d34,transparent 46%),linear-gradient(115deg,#182326 0%,#12191b 58%,#352015 100%);box-shadow:0 24px 60px #0005,inset 0 1px #ffffff18}
.corp-home-hero:before,.corp-special-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 48%,#ffad6010 49%,transparent 50%),linear-gradient(0deg,transparent 48%,#ffad600c 49%,transparent 50%);background-size:38px 38px;mask-image:linear-gradient(90deg,transparent 45%,#000);opacity:.75;pointer-events:none;z-index:-1}
.corp-home-copy,.corp-special-copy{position:relative;z-index:2;max-width:760px}
.corp-home-hero span,.corp-special-hero span,.corp-special-section-head span{font-size:11px;letter-spacing:.2em;color:#ff9652}
.corp-home-hero h1,.corp-special-hero h1{max-width:13ch;margin:13px 0 12px;font-size:clamp(38px,4.5vw,68px);line-height:.98;letter-spacing:-.055em;text-wrap:balance}
.corp-special-hero h1{font-size:clamp(46px,5.2vw,76px)}
.corp-home-hero p,.corp-special-hero p{max-width:58ch;color:#c7d1d3;font-size:clamp(14px,1.1vw,17px);line-height:1.55}
.corp-home-hero-actions,.corp-special-hero-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:25px}
.corp-home-hero-actions .btn,.corp-special-hero-actions .btn{min-height:44px;padding:10px 16px;border-radius:9px}
.corp-home-hero-actions img,.corp-special-hero-actions img{width:23px;height:23px;object-fit:contain}
.corp-home-art{position:relative;z-index:1;justify-self:center;width:min(100%,360px);max-height:305px;object-fit:contain;filter:drop-shadow(0 16px 22px #000b)}
.corp-special-art{position:relative;display:grid;place-items:center;min-height:265px}
.corp-special-art:before{content:"";position:absolute;width:min(85%,320px);aspect-ratio:1;border:1px solid #ff9b3d57;border-radius:50%;box-shadow:0 0 0 28px #ff9b3d10,0 0 0 64px #ff9b3d08,0 0 70px #ff762c28}
.corp-special-art img{position:relative;width:min(100%,340px);max-height:320px;object-fit:contain;filter:drop-shadow(0 18px 24px #000b)}
.corp-special-section-head{display:flex;align-items:end;justify-content:space-between;gap:14px;margin:28px 0 13px;padding:0 3px}
.corp-special-section-head h2{margin:5px 0 0;font-size:clamp(22px,2.1vw,31px);letter-spacing:-.035em}
.corp-special-section-head p{margin:0;color:#a9b8bd;font-size:13px}
.corp-special-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-top:0}
.corp-special-card{position:relative;isolation:isolate;min-height:202px;padding:22px 26px;overflow:hidden;display:flex;align-items:end;justify-content:space-between;gap:15px;border:1px solid #384348;border-radius:17px;background:radial-gradient(circle at 12% 38%,#f177292c,transparent 35%),linear-gradient(130deg,#1c282c,#12191c 65%,#26201c);box-shadow:inset 0 1px #ffffff0d,0 12px 30px #0003}
.corp-special-card:after,.corp-home-card:after{content:"";position:absolute;inset:auto 0 0;height:3px;background:linear-gradient(90deg,#ff7828,#ffbd6a);opacity:0;transition:opacity .18s}
.corp-special-card:hover:after,.corp-home-card:hover:after,.corp-special-card:focus-visible:after,.corp-home-card:focus-visible:after{opacity:1}
.corp-special-card:hover,.corp-special-card:focus-visible{transform:translateY(-3px);border-color:#fb934e;box-shadow:0 18px 40px #0007,inset 0 1px #ffffff22}
.corp-special-card>img{align-self:center;flex:0 0 auto;width:clamp(112px,10vw,174px);height:156px;object-fit:contain;filter:drop-shadow(0 8px 14px #0009)}
.corp-special-card>span{position:relative;z-index:1;flex:1;align-self:center;min-width:0}
.corp-special-card em{display:block;margin-bottom:9px;color:#ffad73;font-size:10px;letter-spacing:.15em;font-style:normal;font-weight:900}
.corp-special-card b{font-size:clamp(19px,1.55vw,25px);line-height:1.05;letter-spacing:-.03em}
.corp-special-card small{max-width:30ch;margin-top:10px;color:#b7c6ca;font-size:12px;line-height:1.4}
.corp-special-card i,.corp-home-card i{align-self:flex-start;color:#ffae72;font-size:24px;font-style:normal;font-weight:500;line-height:1}
#view-home .kpis{margin:16px 0 0;gap:9px}
#view-home .kpi{min-height:88px;padding:16px 18px;border-color:#354044;border-radius:12px;background:linear-gradient(145deg,#182226,#11191c)}
#view-home .kpi-label{font-size:10px;letter-spacing:.1em;font-weight:850}
#view-home .kpi-value{font-size:29px}
.corp-home-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:17px}
.corp-home-card{position:relative;isolation:isolate;min-height:164px;padding:14px;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;border-radius:14px;background:radial-gradient(circle at 83% 22%,#f47d2924,transparent 46%),linear-gradient(150deg,#1b282c,#11191b)}
.corp-home-card img,.corp-home-card.featured img{width:80px;height:80px;object-fit:contain;filter:drop-shadow(0 7px 11px #0008)}
.corp-home-card>span{position:relative;z-index:1}
.corp-home-card b{font-size:16px}
.corp-home-card small{font-size:11px}
.corp-home-card i{position:absolute;top:15px;right:15px}
.ops-area-nav{padding:5px;border:1px solid #3c494c;border-radius:12px;background:#151d20}
.ops-area-nav button.active{background:#392519;border-color:#ff8a3b}
.ops-page-head{position:relative;isolation:isolate;min-height:176px;padding:25px 30px;overflow:hidden;border-radius:17px;background:radial-gradient(circle at 90% 45%,#e96d2638,transparent 30%),linear-gradient(110deg,#1c2c30,#12191c 66%,#352016)}
.ops-page-head>div{position:relative;z-index:2;max-width:70%}
.ops-page-head h2{font-size:clamp(27px,2.7vw,38px)}
.ops-page-head p{font-size:13px;line-height:1.5}
.ops-page-head:after{content:"";position:absolute;right:14%;bottom:-32px;width:200px;height:200px;background:url('/cliente/assets/ui/role-service-manager.webp') center/contain no-repeat;filter:drop-shadow(0 10px 14px #0009);pointer-events:none}
.ops-workspace:has(.ops-area-nav button[data-ops-page="warehouses".active) .ops-page-head:after{background-image:url('/cliente/assets/ui/role-warehouse.webp')}
.ops-workspace:has(.ops-area-nav button[data-ops-page="orders".active) .ops-page-head:after{background-image:url('/cliente/assets/ui/role-service-advisor.webp')}
.ops-page-head>.btn{position:relative;z-index:2}
.ops-directory{gap:14px}
.ops-directory-card{min-height:128px;padding:14px 18px;border-radius:13px;background:radial-gradient(circle at 9% 45%,#bd55251a,transparent 32%),linear-gradient(145deg,#1c2a2e,#131c20)}
.ops-directory-card>img{width:78px;height:78px;filter:drop-shadow(0 7px 9px #0008)}
.ops-directory-card strong{font-size:16px}
.ops-directory-card small{font-size:11px;line-height:1.4}
.ops-image-button img{width:27px;height:27px}
.table-panel,.chat-panel,.companies-panel,.map-panel,.side-panel{border-color:#354246;border-radius:13px}
.table-panel .panel-head,.chat-panel .panel-head,.companies-panel .panel-head{min-height:68px;padding:14px 18px;background:linear-gradient(115deg,#1d2a2e,#171d1f)}
.panel-title{font-size:15px}
@media(max-width:1300px){.corp-home-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:950px){.control-band{grid-template-columns:1fr;align-items:start}.tabs{justify-content:flex-start;flex-wrap:nowrap;overflow:auto}.corp-special-card>img{width:115px;height:120px}.corp-special-card{min-height:166px;padding:17px}}
@media(max-width:700px){.workspace{padding:12px 10px 26px;gap:12px}.topbar{min-height:0}.control-band{padding:10px}.corp-home-hero,.corp-special-hero{grid-template-columns:1fr;min-height:0;padding:25px 21px}.corp-home-hero h1,.corp-special-hero h1{font-size:clamp(35px,10vw,52px)}.corp-home-art,.corp-special-art{display:none}.corp-special-section-head{display:block;margin-top:24px}.corp-special-section-head p{margin-top:8px}.corp-special-grid{grid-template-columns:1fr;gap:10px}.corp-special-card{min-height:148px}.corp-special-card>img{width:112px;height:116px}.corp-special-card b{font-size:18px}.corp-special-card small{font-size:11px}.corp-home-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.corp-home-card{min-height:158px}.corp-home-card img,.corp-home-card.featured img{width:66px;height:66px}#view-home .kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.ops-page-head{min-height:0;padding:20px}.ops-page-head:after{right:-22px;bottom:-31px;width:120px;height:120px;opacity:.4}.ops-page-head>div{max-width:100%}.ops-directory-card>img{width:57px;height:57px}}
@media(max-width:420px){.corp-special-card{padding:13px;gap:7px}.corp-special-card>img{width:87px;height:94px}.corp-special-card i{font-size:19px}.corp-home-card b{font-size:13px}.corp-home-card small{font-size:10px}.corp-home-hero-actions .btn,.corp-special-hero-actions .btn{width:100%}}
.ops-part-block,.ops-exception-card{margin:9px 0;padding:12px;border:1px solid #364951;border-radius:12px;background:linear-gradient(130deg,#17252a,#111b20)}
.ops-exception-card{border-left:3px solid #f48033}
.ops-part-block .ops-detail-line,.ops-exception-card .ops-detail-line{margin:0 0 7px}
.ops-quote-card{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:7px 0;padding:9px 11px;border:1px solid #3b5059;border-radius:9px;background:#0d1b21}
.ops-quote-card strong{font-size:12px;color:#edf5f7}.ops-quote-card small{display:block;margin-top:3px;font-size:10px;color:#aebfc8}
.ops-part-actions{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin-top:9px}.ops-part-actions span{font-size:11px;color:#ffac70;font-weight:700}
.ops-check{display:flex;align-items:center;gap:10px}.ops-check input{width:18px;height:18px;accent-color:#f58236}
@media(max-width:700px){.ops-quote-card{align-items:flex-start;flex-direction:column}}
.corp-gps-workspace>.map-panel{position:relative}
.corp-map-wheel-hint{position:absolute;right:13px;bottom:50px;z-index:500;padding:6px 9px;border:1px solid #506068;border-radius:7px;background:#132026d9;color:#d9e7eb;font-size:10px;font-weight:700;pointer-events:none;backdrop-filter:blur(8px)}
.corp-gps-chat-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;width:100%;box-sizing:border-box;margin:17px 0 4px}
.corp-gps-chat-actions .corp-gps-chat-card{display:flex;align-items:center;justify-content:flex-start;justify-self:stretch;gap:10px;width:100%;max-width:100%;height:72px;min-height:72px;box-sizing:border-box;padding:8px 11px;text-align:left;border:1.5px solid #ff7b24;border-radius:12px;color:#fff;background:linear-gradient(105deg,rgba(255,112,28,.2),rgba(25,34,38,.96) 48%,#152027);box-shadow:0 0 0 1px rgba(255,114,25,.32),0 0 15px rgba(255,112,28,.34),inset 0 0 13px rgba(255,112,28,.12);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease}
.corp-gps-chat-actions .corp-gps-chat-card:not(:disabled):hover{transform:translateY(-2px);border-color:#ff9c53;background:linear-gradient(105deg,rgba(255,112,28,.3),rgba(25,34,38,.98) 48%,#192b31);box-shadow:inset 3px 0 #ff9c53,0 8px 20px rgba(0,0,0,.28)}
.corp-gps-chat-actions .corp-gps-chat-card:focus-visible{outline:2px solid #ffad69;outline-offset:2px}
.corp-gps-chat-actions .corp-gps-chat-card:disabled{cursor:not-allowed;border-color:#f47726;color:#f6f4f1;background:linear-gradient(105deg,rgba(255,112,28,.15),#151e22 52%,#131c20);box-shadow:0 0 0 1px rgba(255,114,25,.3),0 0 13px rgba(255,112,28,.28),inset 0 0 11px rgba(255,112,28,.09)}
.corp-gps-chat-actions .corp-gps-chat-card:disabled .corp-gps-chat-art{opacity:.87}
.corp-gps-chat-art{display:block;width:48px;height:48px;object-fit:contain;flex:none}
.corp-gps-chat-label{display:block;flex:1;min-width:0;text-align:left;font-size:13px;line-height:1.2;letter-spacing:.01em;white-space:normal}
@media(max-width:700px){.corp-map-wheel-hint{right:8px;bottom:48px;font-size:9px}}
