/* ROZEN Engineering Design System — isolated presentation layer */
:root{--rz-bg:#090f19;--rz-surface:#111c2b;--rz-surface2:#152235;--rz-line:#253347;--rz-text:#edf3fa;--rz-muted:#91a2b7;--rz-accent:#54b9ff;--rz-gold:#ffb74e;--rz-radius:13px}
html{scroll-behavior:smooth}body.rozen-app{background:var(--rz-bg);color:var(--rz-text);font-family:Tajawal,system-ui,sans-serif}body.rozen-app ::selection{background:#27658e;color:#fff}
.rozen-shell{background:var(--rz-bg)}.rozen-sidebar{background:#0d1724;border-inline-end:1px solid #253144;padding:0;box-shadow:8px 0 40px #00000012}.rozen-brand{height:88px;padding:0 23px;border-bottom:1px solid #233145;text-decoration:none}.rozen-brand-mark{display:grid;place-items:center;flex:none;width:44px;height:44px;border:1px solid #5a462c;background:#2c251e;border-radius:12px;color:var(--rz-gold)}.rozen-brand-copy strong{display:block;font:800 23px/1.05 Tajawal,sans-serif;letter-spacing:.07em;color:#fff}.rozen-brand-dot{color:var(--rz-gold)}.rozen-brand-copy small{display:block;color:#91a2b7;font:700 9px/2 Tajawal,sans-serif;letter-spacing:.17em}.rozen-sidebar-body{flex:1;overflow-y:auto;padding:30px 12px}.rozen-nav-label{font-size:10px;font-weight:800;letter-spacing:.16em;color:#708198;padding:0 15px;margin-bottom:17px;text-transform:uppercase}.rozen-nav{display:grid;gap:5px}.rozen-nav-item{position:relative;display:flex;align-items:center;gap:13px;min-height:46px;padding:11px 14px;color:#aebbc9;border-radius:9px;text-decoration:none;font-size:13px;font-weight:700;transition:background .2s,color .2s}.rozen-nav-item svg{height:19px;width:19px;flex:none;color:#8394a9}.rozen-nav-item:hover{background:#1a2a3c;color:#fff}.rozen-nav-item.is-active{background:#173a52;color:#6fcbff}.rozen-nav-item.is-active:before{content:'';position:absolute;inset-inline-start:0;top:11px;bottom:11px;width:3px;background:#54b9ff;border-radius:5px}.rozen-nav-item.is-active svg{color:#6fcbff}.rozen-sidebar-footer{border-top:1px solid #253144;padding:17px 14px 22px}.rozen-user{display:flex;align-items:center;gap:11px;padding:0 4px 15px}.rozen-avatar{display:grid;place-items:center;width:35px;height:35px;flex:none;background:#24445c;color:#bde8ff;border:1px solid #365d78;border-radius:10px;font-weight:800}.rozen-user-details{min-width:0}.rozen-user-details strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.rozen-user-details small{display:block;color:#879ab0;font-size:11px}.rozen-logout{width:100%;display:flex;justify-content:space-between;align-items:center;background:#172536;border:1px solid #27374a;border-radius:9px;padding:11px 13px;color:#bccadd;font-size:12px}.rozen-logout:hover{background:#21354b}.rozen-content{min-width:0}.rozen-topbar{height:72px;padding:0 clamp(20px,3vw,44px);background:#0b1420ee;backdrop-filter:blur(16px);border-bottom:1px solid #243246}.rozen-topbar-dot{width:7px;height:7px;border-radius:50%;background:#4bd6a4;box-shadow:0 0 0 4px #4bd6a414}.rozen-topbar-name{font-size:13px;color:#d2deea;font-weight:700}.rozen-topbar-actions{display:flex;align-items:center;gap:24px}.rozen-live-indicator{display:flex;align-items:center;gap:7px;color:#7890a7;font-size:9px;font-weight:800;letter-spacing:.13em}.rozen-live-indicator span{height:6px;width:6px;border-radius:50%;background:#50d6a6}.rozen-lang-switch{display:flex;align-items:center;gap:3px;background:#162333;border:1px solid #2a3b4f;padding:4px;border-radius:9px}.rozen-lang-switch button{padding:6px 11px;border-radius:6px;color:#a4b6c9;font-size:11px;font-weight:800}.rozen-lang-switch button.selected{background:#277cac;color:#fff}.rozen-mobile-menu{color:#fff;border:1px solid #33465b;padding:6px 10px;border-radius:8px}
.rozen-main{min-height:calc(100vh - 72px)}.rozen-page-container{max-width:1500px;margin:0 auto}.rozen-dashboard{padding:clamp(22px,3vw,44px);min-height:calc(100vh - 72px);background:radial-gradient(ellipse 70% 50% at 60% -15%,#17304777,transparent),#090f19}.rozen-page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:29px}.rozen-eyebrow{display:flex;align-items:center;gap:9px;color:#62b9ed;font-size:10px;font-weight:800;letter-spacing:.17em;direction:ltr}.rozen-eyebrow-line{width:19px;height:2px;background:#53b6f5}.rozen-page-heading h1{font-size:clamp(28px,2.7vw,40px);font-weight:800;letter-spacing:-.035em;margin-top:10px;line-height:1.2}.rozen-page-heading p{color:#8ea0b6;font-size:13px;margin-top:9px}.rozen-primary-action{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:13px 19px;border-radius:9px;background:#2795d2;color:white;font-weight:800;font-size:13px;box-shadow:0 6px 25px #138fd326;white-space:nowrap}.rozen-primary-action:hover{background:#36aae8}.rozen-primary-action span{font-size:18px}.rozen-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-bottom:22px}.rozen-stat{position:relative;overflow:hidden;min-height:163px;background:linear-gradient(130deg,#152337,#111b2b);border:1px solid #2a3a4e;border-radius:12px;padding:22px 24px}.rozen-stat:after{content:'';position:absolute;inset-inline-end:-28px;bottom:-70px;width:170px;height:170px;border:1px solid #ffffff09;border-radius:50%;box-shadow:0 0 0 29px #ffffff04,0 0 0 58px #ffffff03;pointer-events:none}.rozen-stat-top{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:12px;color:#a3b4c7;font-weight:700}.rozen-stat-index{font:700 11px ui-monospace,monospace;color:#5e718a}.rozen-stat-value{font:700 clamp(35px,4vw,53px)/1.2 Tajawal,sans-serif;color:#f5f9ff;margin-top:15px}.rozen-stat-foot{display:flex;align-items:center;gap:7px;color:#60758e;font-size:9px;letter-spacing:.13em;font-weight:800;margin-top:8px}.rozen-status-pip{width:6px;height:6px;border-radius:50%;background:#4cc6aa}.rozen-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr);gap:20px;align-items:start}.rozen-project-list,.rozen-start-panel{border:1px solid #28394d;border-radius:13px;background:#111d2c;overflow:hidden}.rozen-section-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:25px 25px 23px}.rozen-section-heading h2{font-size:20px;font-weight:800;margin-top:7px}.rozen-text-link{color:#6bc7ff;font-size:12px;font-weight:700}.rozen-text-link span{padding-inline-start:5px}.rozen-list-head{display:grid;grid-template-columns:1.5fr 1fr .7fr;gap:12px;padding:12px 25px;background:#17263a;border-block:1px solid #28394d;color:#8196ad;font-size:10px;font-weight:800;letter-spacing:.08em}.rozen-project-row{display:grid;grid-template-columns:1.5fr 1fr .7fr;align-items:center;gap:12px;padding:15px 25px;border-bottom:1px solid #223246;transition:background .2s}.rozen-project-row:last-child{border-bottom:0}.rozen-project-row:hover{background:#1b3044}.rozen-project-identity{display:flex;align-items:center;gap:12px;min-width:0}.rozen-project-icon{display:grid;place-items:center;width:35px;height:35px;border:1px solid #2d4a61;background:#173349;border-radius:8px;color:#79c7f7;font-size:22px;flex:none}.rozen-project-identity strong{display:block;font-size:13px;font-weight:800;color:#eaf3fd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rozen-project-identity small{display:block;font-size:11px;color:#7d93a9;margin-top:4px}.rozen-project-coords{font:11px ui-monospace,monospace;color:#91a7bb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rozen-project-date{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#9eafc0;font:11px ui-monospace,monospace}.rozen-project-date b{font-size:16px;color:#5db7eb}.rozen-empty{padding:35px;color:#98acc0;text-align:center}.rozen-start-panel{position:relative;min-height:365px;padding:29px;overflow:hidden;background:linear-gradient(155deg,#19334a,#12243a 55%,#112033)}.rozen-start-symbol{display:grid;place-items:center;width:43px;height:43px;margin-bottom:27px;border-radius:11px;background:#44331e;color:#ffbf61;font-size:25px}.rozen-start-panel h2{position:relative;z-index:1;font-size:23px;font-weight:800;margin-top:13px}.rozen-start-panel p{position:relative;z-index:1;max-width:310px;margin-top:12px;color:#a7bacb;font-size:13px;line-height:1.9}.rozen-start-action{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;width:fit-content;min-width:170px;gap:20px;background:#f5ad42;color:#182333;border-radius:8px;padding:11px 15px;margin-top:25px;font-size:12px;font-weight:800}.rozen-start-action:hover{background:#ffc36e}.rozen-start-art{position:absolute;inset-inline-end:-70px;bottom:-100px;width:280px;height:280px;opacity:.4;pointer-events:none}.orbit{position:absolute;border:1px solid #7ebfe2;border-radius:50%;inset:0;transform:rotateX(55deg) rotate(-25deg)}.orbit-two{inset:40px;transform:rotateY(55deg) rotate(35deg)}.orbit-three{inset:80px;transform:rotateX(25deg) rotate(65deg)}.orbit-center{position:absolute;top:42%;left:45%;color:#ffc068;font-size:40px}
/* Shared engineering screens: preserve Livewire / Leaflet / Three.js DOM and event bindings */
.rozen-main>div:not(.rozen-dashboard){background:transparent!important}.rozen-main .rounded-2xl{border-radius:12px}.rozen-main .bg-\[\#142137\],.rozen-main .bg-\[\#111d30\],.rozen-main .bg-\[\#101b2c\]{background:#121f30!important}.rozen-main .border-slate-800{border-color:#2b3a4e!important}.rozen-main .border-slate-700{border-color:#34465c!important}.rozen-main .shadow-lg{box-shadow:0 12px 35px #00000020!important}.rozen-main input:not([type=checkbox]):not([type=range]):not([type=radio]),.rozen-main select,.rozen-main textarea{border-radius:8px;accent-color:#4bb8f2}.rozen-main button{transition:background .2s,border-color .2s,transform .2s}.rozen-main button:active{transform:translateY(1px)}.rozen-main #sun-shadow-3d{height:clamp(540px,65vh,850px)!important;border-color:#324a61!important;border-radius:9px!important}.rozen-main #sun-shadow-project-map{border-radius:9px!important}.rozen-main .text-slate-500{color:#899bb0!important}.rozen-main .text-slate-400{color:#a5b6c9!important}.rozen-main .bg-slate-900{background-color:#0d1827!important}.rozen-main .bg-slate-800{background-color:#213247!important}.rozen-main .bg-sky-600{background-color:#168fc9!important}.rozen-main .hover\:border-sky-500:hover{border-color:#63c2f6!important}
@media(min-width:1600px){.rozen-main #sun-shadow-3d{height:75vh!important}}
@media(max-width:1100px){.rozen-dashboard-grid{grid-template-columns:1fr}.rozen-start-panel{min-height:280px}}
@media(max-width:800px){.rozen-dashboard{padding:22px 16px}.rozen-stats{grid-template-columns:1fr}.rozen-stat{min-height:125px}.rozen-page-heading{align-items:start;flex-direction:column}.rozen-topbar{padding:0 15px}.rozen-live-indicator{display:none}.rozen-list-head{display:none}.rozen-project-row{grid-template-columns:1fr auto}.rozen-project-coords{display:none}.rozen-project-date{font-size:10px}.rozen-start-panel{padding:22px}.rozen-topbar-name{font-size:11px}}
/* Solar workspace and supporting screens */
.rozen-engineering-project{background:#090f19!important}.rozen-engineering-project>div{max-width:2000px}.rozen-engineering-project>div>header{background:linear-gradient(105deg,#16293d,#111d2e)!important;border:1px solid #31465d!important}.rozen-engineering-project>div>header h1{font-size:clamp(26px,2.5vw,38px);letter-spacing:-.02em}.rozen-engineering-project section{border-color:#2b3e53!important;box-shadow:none!important}.rozen-engineering-project section>div:first-child{border-color:#2b3e53!important}.rozen-engineering-project #sun-shadow-3d{box-shadow:inset 0 0 0 1px #37506a,0 16px 36px #0004}.rozen-engineering-project #solar-analysis{scroll-margin-top:95px}.rozen-engineering-project input:focus,.rozen-engineering-project select:focus{outline:2px solid #52baf080;outline-offset:1px}.rozen-create-project{background:radial-gradient(ellipse at 50% 0,#17324a,#090f19 65%)!important}.rozen-create-project form{background:#121f30!important;border-color:#2b3d51!important;box-shadow:0 20px 55px #0003}.rozen-create-project h1{letter-spacing:-.03em}.rozen-login{background:radial-gradient(circle at 65% 25%,#21425c,#0a121e 55%)!important}.rozen-login form{background:#111f30!important;border:1px solid #38516a!important;box-shadow:0 30px 100px #0006!important;padding:42px!important}.rozen-login h1{font-size:28px!important;font-weight:800!important;letter-spacing:.02em}.rozen-login input{border:1px solid #3a5268!important;background:#0a1625!important}.rozen-login button[type=submit]{background:#198dca!important;border-radius:8px!important}.rozen-main>div>h1{letter-spacing:-.025em}.rozen-main a:focus-visible,.rozen-main button:focus-visible{outline:2px solid #75caff;outline-offset:3px}


/* ROZEN Engineering Workspace — Phase 2, presentation-only; preserves Livewire and canvas nodes */
.rz-screen{min-height:calc(100vh - 72px);padding:clamp(20px,3.1vw,48px);background:radial-gradient(ellipse 65% 30% at 50% 0%,#132a3b55,transparent),#090f19;color:#edf3fa;font-family:Tajawal,system-ui,sans-serif}.rz-screen-head{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:32px}.rz-breadcrumb{color:#8da7bb;font-size:12px;text-decoration:none}.rz-breadcrumb:hover{color:#69c8ff}.rz-kicker{color:#64c3f6;letter-spacing:.17em;font:800 10px ui-monospace,monospace;margin-top:22px;direction:ltr;text-align:start}.rz-screen h1{font-size:clamp(30px,3vw,44px);line-height:1.2;font-weight:800;margin:8px 0}.rz-screen-subtitle{font-size:13px;color:#8b9eb4}.rz-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:9px;padding:11px 16px;font-size:12px;font-weight:800;text-decoration:none;transition:background .2s,border-color .2s;white-space:nowrap}.rz-button-primary{background:#208ec7;color:white;border:1px solid #39a3da}.rz-button-primary:hover{background:#30a7e4}.rz-button-outline{background:#172638;color:#b9d3e6;border:1px solid #334b62}.rz-button-outline:hover{border-color:#69c8ff;color:white}.rz-button-quiet{color:#70c9fb;background:#102438;border:1px solid #294760}.rz-button-quiet:hover{background:#173954}.rz-button-full{width:100%}.rz-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;padding:18px 22px;background:#132133;border:1px solid #2a3b4e;border-radius:12px 12px 0 0}.rz-toolbar-title{display:flex;align-items:center;gap:10px;font-weight:800;font-size:15px}.rz-indicator{height:7px;width:7px;background:#48d6a2;border-radius:50%}.rz-counter{display:inline-flex;align-items:center;justify-content:center;background:#1e3d55;border:1px solid #34566e;color:#a2d9fa;padding:2px 9px;border-radius:20px;font:700 11px ui-monospace,monospace}.rz-toolbar-meta,.rz-panel-eyebrow{font:800 10px ui-monospace,monospace;color:#6f9fbd;letter-spacing:.12em;direction:ltr}.rz-table-wrap{overflow-x:auto;border:1px solid #2a3b4e;border-top:0;border-radius:0 0 12px 12px;background:#111d2c}.rz-table{width:100%;border-collapse:collapse;text-align:start;min-width:740px}.rz-table th{text-align:start;padding:16px 20px;font-size:11px;color:#91a7ba;background:#17283c;border-bottom:1px solid #304256;font-weight:800}.rz-table td{padding:16px 20px;border-bottom:1px solid #26384a;font-size:13px}.rz-table tbody tr:hover{background:#192b40}.rz-table tbody tr:last-child td{border-bottom:0}.rz-table-identity{display:flex;align-items:center;gap:13px;text-decoration:none;color:#f0f7ff}.rz-table-identity strong{display:block;font-size:13px}.rz-table-identity small{display:block;color:#7895ad;font:10px ui-monospace,monospace;margin-top:5px}.rz-project-glyph{width:40px;height:40px;border:1px solid #315b74;background:#16344a;border-radius:9px;display:grid;place-items:center;color:#6fceff;font-size:26px;flex:none}.rz-secondary{color:#a2b3c5}.rz-coordinates{font:11px ui-monospace,monospace;color:#a2b9c9;white-space:nowrap}.rz-action-col{width:260px}.rz-table-actions{display:flex;gap:8px;justify-content:flex-start}.rz-empty-cell{padding:40px!important;text-align:center;color:#9aacc0}.rz-users-grid{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(400px,1.2fr);align-items:start;gap:20px}.rz-panel{background:#111d2c;border:1px solid #2a3b4e;border-radius:12px;overflow:hidden}.rz-panel-heading{padding:23px 26px;border-bottom:1px solid #2a3b4e;background:#142338}.rz-panel-heading h2{font-size:20px;font-weight:800;margin-top:8px}.rz-form{padding:25px;display:grid;gap:17px}.rz-field{display:grid;gap:8px;font-size:12px;color:#b6c8d8;font-weight:700}.rz-field input,.rz-field select{width:100%;min-height:46px;background:#0b1725;color:#f1f7ff;border:1px solid #34465b;border-radius:8px;padding:11px 13px;outline:none}.rz-field input:focus,.rz-field select:focus{border-color:#59baf2;box-shadow:0 0 0 3px #59baf21a}.rz-checkline{display:flex;align-items:center;gap:10px;font-size:13px;color:#c6d6e5}.rz-checkline input,.rz-access-row input{accent-color:#299cd9;width:17px;height:17px}.rz-errors{color:#ff9d9d;font-size:12px}.rz-notice{background:#11382f;border:1px solid #286d54;color:#b5f2d3;border-radius:9px;padding:14px 18px;margin-bottom:18px}.rz-team-row{display:flex;align-items:center;gap:14px;padding:17px 22px;border-bottom:1px solid #293b4e}.rz-team-row:last-child{border-bottom:0}.rz-user-monogram{width:41px;height:41px;display:grid;place-items:center;flex:none;background:#193b52;border:1px solid #355d78;border-radius:10px;color:#b4e4ff;font-size:18px;font-weight:800}.rz-team-info{flex:1;min-width:0}.rz-team-info strong,.rz-access-info strong{display:block;font-size:13px;font-weight:800}.rz-team-info small,.rz-access-info small{display:block;color:#92a7ba;font-size:11px;margin-top:4px;overflow-wrap:anywhere}.rz-role{display:inline-flex;font-size:10px;color:#78c6f2;background:#15334a;border-radius:5px;padding:3px 7px;margin-top:7px}.rz-head-symbol{width:60px;height:60px;border:1px solid #355772;border-radius:13px;background:#19384d;color:#6ac8f7;font-size:32px;display:grid;place-items:center}.rz-access{max-width:1200px;margin:auto}.rz-access-panel{max-width:850px}.rz-access-list{padding:12px 22px}.rz-access-row{display:flex;align-items:center;gap:13px;padding:14px 10px;border-bottom:1px solid #26384a;cursor:pointer}.rz-access-row:last-child{border-bottom:0}.rz-access-row:hover{background:#1b2c40}.rz-access-info{flex:1}.rz-access-check{color:#69c9ff;opacity:0}.rz-access-row:has(input:checked) .rz-access-check{opacity:1}.rz-access-footer{padding:20px 26px;border-top:1px solid #293b4e;display:flex;justify-content:flex-end}
/* Expand the actual Three.js engineering viewport while keeping Leaflet and Livewire elements in place */
.rozen-engineering-project{background:#090f19!important}.rozen-engineering-project>div{max-width:none!important;padding-inline:clamp(15px,2vw,34px)!important}.rozen-engineering-project>div>header{border-radius:12px!important;background:linear-gradient(115deg,#132438,#101c2c)!important;border-color:#2d4256!important;margin-bottom:16px!important}.rozen-engineering-project>div>header>div:first-child{padding-block:17px!important}.rozen-engineering-project>div>header .grid>div{padding-block:12px!important}.rozen-engineering-project #solar-3d{border-color:#35516a!important;background:#101e2e!important;box-shadow:0 20px 60px #0003!important}.rozen-engineering-project #sun-shadow-3d{height:clamp(620px,75vh,1040px)!important;border:1px solid #365570!important;background:#0b1826!important}.rozen-engineering-project #sun-shadow-project-map{height:clamp(270px,34vh,400px)!important}.rozen-engineering-project #solar-3d>div:first-child{background:#14273a;padding-block:13px!important}.rozen-engineering-project #solar-analysis{background:#121f30!important;border-color:#30485f!important}.rozen-engineering-project #model-manager{border-color:#30465b!important;background:#111e2d!important}.rozen-engineering-project #model-manager>div:first-child{background:#15283b}.rozen-engineering-project section{scroll-margin-top:88px}.rozen-create-project .mx-auto.max-w-3xl{max-width:1100px!important}.rozen-create-project form{border-radius:13px!important}.rozen-create-project #project-map{height:clamp(430px,52vh,680px)!important;border:1px solid #395671!important}.rozen-create-project input,.rozen-create-project select{min-height:45px}.rozen-create-project label{color:#c5d5e5}.rozen-create-project>div>div>h1{font-size:clamp(28px,3vw,42px)!important}
@media(min-width:1450px){.rozen-engineering-project>div>.grid.xl\:grid-cols-12{grid-template-columns:repeat(16,minmax(0,1fr))!important}.rozen-engineering-project #solar-3d{grid-column:span 12/span 12!important}.rozen-engineering-project #solar-3d+div{grid-column:span 4/span 4!important}}
@media(max-width:950px){.rz-users-grid{grid-template-columns:1fr}.rz-screen{padding:20px}.rz-screen-head{align-items:flex-start}.rz-table th,.rz-table td{padding:13px}.rozen-engineering-project #sun-shadow-3d{height:clamp(460px,65vh,700px)!important}}
@media(max-width:600px){.rz-screen-head{display:grid}.rz-toolbar-meta{display:none}.rz-team-row{flex-wrap:wrap}.rz-team-action{margin-inline-start:auto}.rz-access-list{padding:8px}.rz-access-row{padding:13px 6px}.rozen-engineering-project #sun-shadow-3d{height:490px!important}}