/* ISREHBERI / ROBOTIC EXPERIENCE v3 - works with existing PHP views */
:root{--ink:#edf8ff;--muted:#92afc5;--line:#22435b;--blue:#19cfff;--bg:#071220;--purple:#9075ff}
body.robotic-mode{background:radial-gradient(ellipse at 8% 0%,#173950 0,transparent 32%),radial-gradient(ellipse at 98% 10%,#1f1d54 0,transparent 34%),#071220;color:#ecf8ff}
body.robotic-mode:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:linear-gradient(#5ad9ff08 1px,transparent 1px),linear-gradient(90deg,#5ad9ff08 1px,transparent 1px);background-size:40px 40px;mask-image:linear-gradient(#0009,transparent 85%)}
.robotic-mode .topbar{background:#071725ec!important;border-bottom:1px solid #256078;backdrop-filter:blur(16px)}
.robotic-mode .brand{color:#f0faff!important}.robotic-mode .brand span,.robotic-mode .brandmark{color:#21dafe!important}
.robotic-mode .site-layout{color:#eaf7ff}.robotic-mode .sidebar,.robotic-mode .rightbar,.robotic-mode .card,.robotic-mode .vd-card,.robotic-mode .stat,.robotic-mode .panel,.robotic-mode .top-inner .search{background:#0f2335!important;color:#eaf7ff;border:1px solid #22475c;box-shadow:0 8px 30px #0002}
.robotic-mode a{transition:color .2s,border-color .2s,transform .2s}.robotic-mode a:hover{color:#66e6ff}
.robotic-mode .sidebar a,.robotic-mode .topbar a{color:#c8ddec}.robotic-mode .sidebar a.active{color:#61e7ff;background:#153d50}
.robotic-mode input,.robotic-mode select,.robotic-mode textarea{color:#e7f9ff;background:#091c2d;border:1px solid #2b5065}.robotic-mode input::placeholder,.robotic-mode textarea::placeholder{color:#8da6b8}
.robotic-mode .btn.primary,.robotic-mode button.primary{background:linear-gradient(115deg,#0a92e5,#5b54ef);color:white}
.robotic-mode .btn.soft,.robotic-mode button.soft{background:#153247;color:#a9ebff}
.robotic-mode .page-head,.robotic-mode .page-head h1,.robotic-mode h1,.robotic-mode h2,.robotic-mode h3{color:#f2fbff}
.robotic-mode .pill,.robotic-mode .eyebrow{color:#73e7ff}
.robotic-mode .visual-hero{overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 84% 45%,#124964aa,transparent 38%),linear-gradient(110deg,#0a1934,#0e2444 52%,#14324c)!important;border:1px solid #2b7b99;border-radius:18px;box-shadow:0 18px 45px #0007,0 0 0 1px #50d8ff1b inset;min-height:375px}
.robotic-mode .visual-hero:before{content:"";position:absolute;inset:-60% -15%;z-index:-1;background:repeating-linear-gradient(90deg,transparent 0 60px,#20dafa12 61px 62px),repeating-linear-gradient(0deg,transparent 0 60px,#20dafa12 61px 62px);transform:perspective(390px) rotateX(55deg) scale(1.4);animation:robo-grid 17s linear infinite}
.robotic-mode .visual-hero:after{content:"✦";position:absolute;right:24%;top:11%;font-size:215px;color:#25d8f92b;filter:drop-shadow(0 0 30px #0bd5fd);animation:robo-float 7s ease-in-out infinite;pointer-events:none}
.robotic-mode .visual-hero h1{color:#f7fdff;text-shadow:0 0 26px #00c0ff35}.robotic-mode .visual-hero h1 em{color:#66dcff}.robotic-mode .visual-hero h1 span{color:#8b95ff}.robotic-mode .visual-hero p{color:#c2ddec}
.robotic-mode .vh-eyebrow{color:#76f3ff;letter-spacing:2px;text-transform:uppercase;font-size:11px}
.robotic-mode .vh-search{background:#0d273dcc;border:1px solid #46bbdc;backdrop-filter:blur(10px)}.robotic-mode .vh-search button{background:linear-gradient(120deg,#00a8e8,#4b70ff);color:#fff}.robotic-mode .vh-metrics{color:#a7eafa}
.robotic-mode .vh-aside a{background:#102e47ee!important;border:1px solid #4085a4;color:#ecfaff;backdrop-filter:blur(8px);box-shadow:0 8px 25px #0003}.robotic-mode .vh-aside a:hover{border-color:#4ceaff;transform:translateY(-3px)}
.robotic-mode .visual-modules a{background:linear-gradient(150deg,#132b40,#102033)!important;border:1px solid #2d5972;border-radius:15px;color:#e8f7ff;box-shadow:inset 0 0 21px #18d4ff08;transition:transform .25s,box-shadow .25s,border-color .25s}.robotic-mode .visual-modules a:hover{transform:translateY(-6px);border-color:#46e0ff;box-shadow:0 12px 32px #03bafd20}
.robotic-mode .visual-promos .vp-card{border:1px solid #247892;box-shadow:0 12px 25px #0003;filter:saturate(.85)}.robotic-mode .visual-promos .vp-card:before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,#07162983,#06132615)}
.robotic-mode .vd-card{background:linear-gradient(140deg,#102a3b,#0d1d2d)!important;border-radius:15px!important}.robotic-mode .vd-job,.robotic-mode .vd-news,.robotic-mode .vd-rail-link{border-color:#244457!important;color:#e3f5ff}.robotic-mode .vd-job small,.robotic-mode .vd-news small,.robotic-mode .vd-empty{color:#9fb8c9}.robotic-mode .vd-head a{color:#58d9ff}.robotic-mode .vd-tags a{background:#1c3b53;color:#c4e9ff}.robotic-mode .vd-map{background:radial-gradient(circle at 50% 50%,#135575,#0c253b 65%,#10263b)!important}.robotic-mode .vd-map a{background:#163950;color:#d9f5ff}.robotic-mode .vb-cats a{border-color:#2b475d}.robotic-mode .vb-counts b{color:#4adcff}
.robo-command-strip{display:flex;gap:14px;justify-content:space-between;align-items:center;padding:14px 0;color:#b8eaf8}.robo-live{font-size:11px;font-weight:800;letter-spacing:1.6px}.robo-live small{margin-left:12px;padding:4px 8px;border:1px solid #28536b;border-radius:20px;color:#74aec7}.robo-pulse{display:inline-block;width:8px;height:8px;margin-right:7px;background:#34ebbd;border-radius:50%;box-shadow:0 0 14px #33ebbd;animation:robo-pulse 2s infinite}.robo-controls{display:flex;gap:8px}.robo-control{cursor:pointer;color:#b5eafb;background:#0e2b40;border:1px solid #2d627c;border-radius:9px;padding:9px 13px;font-weight:700}.robo-control:hover,.robo-control:focus-visible{border-color:#4ee4ff;color:#fff}.robo-control span{color:#6af9ce;margin-left:4px}.robo-control kbd{color:#80acbf;font-size:10px;margin-left:7px}.ai-control{background:linear-gradient(105deg,#125a81,#5143a0);color:white}
.robo-status-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:15px}.robo-status{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;gap:7px;padding:17px;background:linear-gradient(135deg,#123345,#0c2036);border:1px solid #286985;border-radius:14px;min-height:116px}.robo-status:hover{transform:translateY(-4px);border-color:#55eaff}.robo-status span{font-size:10px;color:#65dfee;letter-spacing:1.2px}.robo-status b{font-size:15px;color:#fff}.robo-status i{font-style:normal;color:#38dfff}.robo-status small{color:#9bc1d3}.robo-wave{position:absolute;right:-24px;bottom:-33px;width:125px;height:90px;border:1px solid #17d0ef50;border-radius:50%;box-shadow:0 0 0 16px #17d0ef12,0 0 0 32px #17d0ef08;pointer-events:none}
.robo-fab{position:fixed;z-index:51;right:23px;bottom:22px;width:62px;height:62px;border:1px solid #6eeaff;border-radius:22px;background:linear-gradient(125deg,#0a83bf,#624dcb);color:white;box-shadow:0 0 30px #07bffc8a;font-size:30px;cursor:pointer;animation:robo-float 5s ease-in-out infinite}.robo-fab span{font-size:9px;position:absolute;bottom:7px;right:9px;font-weight:800}
.robo-overlay[hidden],.robot-assistant[hidden]{display:none!important}.robo-overlay{position:fixed;inset:0;background:#010914b9;backdrop-filter:blur(6px);z-index:70;display:grid;place-items:start center;padding-top:13vh}.robo-modal{width:min(600px,92vw);padding:20px;background:#10243a;border:1px solid #42a6c7;border-radius:18px;box-shadow:0 22px 60px #000b}.robo-modal-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.robo-modal-top button,.robot-head button{background:none;border:0;color:#d6f4ff;font-size:23px;cursor:pointer}.robo-modal input{width:100%;padding:14px;font-size:16px;color:#fff;border:1px solid #3487a5;background:#061727;border-radius:10px}.robo-modal #robo-results{max-height:48vh;overflow:auto;padding-top:8px}.robo-modal #robo-results a{display:flex;justify-content:space-between;color:#ddf6ff;padding:12px;border-bottom:1px solid #244b63}.robo-modal #robo-results a:hover,.robo-modal #robo-results a.selected{background:#17405a;border-radius:8px}.robo-modal p{font-size:11px;color:#8caabd}
.robot-assistant{position:fixed;z-index:60;bottom:95px;right:22px;width:min(350px,calc(100vw - 35px));background:#10253b;color:#ecfaff;border:1px solid #44b6d6;box-shadow:0 18px 60px #0009;border-radius:17px;overflow:hidden}.robot-head{display:flex;align-items:center;gap:12px;padding:16px;background:linear-gradient(90deg,#0b506d,#333b7c)}.robot-head span:nth-child(2){flex:1;display:grid}.robot-head small{font-size:10px;color:#c6e2ef}.robot-avatar{font-size:28px}.robot-content{padding:18px}.robot-content p{font-size:13px;color:#b5cddd}.robot-shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:9px}.robot-shortcuts a{background:#14374c;padding:10px;border:1px solid #31627a;border-radius:8px;font-size:12px;color:#d1f6ff}
body.simple-mode{background:#f1f5fb!important;color:#13243a!important}body.simple-mode:before{display:none}body.simple-mode .visual-hero:before,body.simple-mode .visual-hero:after{animation:none;display:none}body.simple-mode .robo-status{background:#fff;border-color:#d2e4ef}body.simple-mode .robo-status b{color:#17334b}body.simple-mode .robo-status small{color:#54738a}
@keyframes robo-grid{to{transform:perspective(390px) rotateX(55deg) scale(1.4) translateY(62px)}}@keyframes robo-float{50%{transform:translateY(-8px)}}@keyframes robo-pulse{50%{box-shadow:0 0 0 6px #33ebbd22,0 0 18px #33ebbd}}
@media(max-width:1000px){.robo-status-grid{grid-template-columns:repeat(2,1fr)}.robo-controls kbd{display:none}}@media(max-width:700px){.robo-command-strip{flex-direction:column;align-items:stretch}.robo-controls{overflow:auto}.robo-control{white-space:nowrap;font-size:11px}.robo-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.robo-status{padding:12px;min-height:124px}.robo-status b{font-size:12px}.robo-status small{font-size:10px}.robo-fab{bottom:85px;right:14px;width:51px;height:51px}.robot-assistant{bottom:147px;right:12px}.robotic-mode .visual-hero:after{right:0;top:30%;font-size:135px}}
@media(prefers-reduced-motion:reduce){.robo-pulse,.robo-fab,.robotic-mode .visual-hero:before,.robotic-mode .visual-hero:after{animation:none!important}}