:root{--mgf-bg:#020813;--mgf-panel:#071625;--mgf-panel2:#0a2035;--mgf-line:rgba(66,153,216,.34);--mgf-line-strong:#32b6ff;--mgf-text:#f4f9ff;--mgf-muted:#9eb6c8;--mgf-blue:#169cff;--mgf-cyan:#56d0ff;--mgf-gold:#d7b45f;--mgf-green:#29c873;--mgf-danger:#ff6974}
.mg-form-page,body.v20-public,body.visual-page{background:radial-gradient(circle at 18% 0,rgba(19,111,185,.2),transparent 30%),radial-gradient(circle at 100% 0,rgba(9,55,100,.18),transparent 26%),var(--mgf-bg)!important;color:var(--mgf-text)!important;min-height:100vh}
.mg-form-page *,.v20-public *,.visual-page *{box-sizing:border-box}
.mg-form-top{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:24px;min-height:78px;padding:10px max(20px,calc((100vw - 1320px)/2));border-bottom:1px solid rgba(55,126,188,.34);background:rgba(2,8,18,.86);backdrop-filter:blur(18px)}
.mg-form-brand{display:block;width:min(330px,48vw)}.mg-form-brand img{display:block;width:100%;height:auto;background:transparent!important}.mg-form-top nav{margin-left:auto;display:flex;gap:10px;flex-wrap:wrap}.mg-form-top nav a,.mg-form-back{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 14px;border:1px solid rgba(59,126,181,.4);border-radius:12px;background:rgba(8,25,41,.72);color:#d8e9f5;text-decoration:none;font-size:12px;font-weight:850}.mg-form-top nav a:hover,.mg-form-back:hover{border-color:#42bdff;color:#fff}
.mg-form-main{width:min(1320px,calc(100% - 32px));margin:auto;padding:46px 0 74px}.mg-form-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:end;margin-bottom:24px}.mg-form-eyebrow{display:block;color:#54c4ff;font-size:11px;font-weight:950;letter-spacing:.14em}.mg-form-hero h1{margin:10px 0 12px;font-size:clamp(34px,5vw,58px);line-height:1.05;letter-spacing:-.04em}.mg-form-hero p{max-width:780px;margin:0;color:#adc3d2;font-size:15px;line-height:1.75}.mg-form-trust{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:9px}.mg-form-trust span{display:inline-flex;align-items:center;gap:7px;padding:9px 11px;border:1px solid rgba(53,130,185,.32);border-radius:999px;background:rgba(8,28,44,.68);color:#d1e2ed;font-size:10px;font-weight:800}
.mg-form-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(310px,.65fr);gap:20px;align-items:start}.mg-form-card,.mg-form-side,.tracking-shell,.photo-shell,.builder-form,.ai31-chat-card,.v20-card,.calc-card,.panel{border:1px solid var(--mgf-line)!important;border-radius:24px!important;background:radial-gradient(circle at 100% 0,rgba(23,128,209,.1),transparent 34%),linear-gradient(155deg,rgba(7,24,41,.98),rgba(3,13,24,.98))!important;box-shadow:0 25px 70px rgba(0,0,0,.27),inset 0 1px 0 rgba(128,211,255,.04)!important}
.mg-form-card{padding:26px}.mg-form-side{padding:22px;position:sticky;top:96px}.mg-form-section-title{display:flex;align-items:center;gap:12px;margin:0 0 20px}.mg-form-section-title i{display:grid;place-items:center;width:42px;height:42px;border:1px solid #278dd0;border-radius:14px;background:rgba(9,55,88,.72);color:#54c8ff;font-style:normal;font-weight:950}.mg-form-section-title div{display:grid;gap:3px}.mg-form-section-title strong{font-size:18px}.mg-form-section-title small{color:var(--mgf-muted)}
.mg-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.mg-field{display:grid;gap:7px}.mg-field.full{grid-column:1/-1}.mg-field label,.mg-form-card>form>label,.v20-controls label,.tracking-field label,.calc-field{color:#dcebf5;font-size:12px;font-weight:850}.mg-field small,.mg-help{color:#7f9aae;font-size:10px;line-height:1.55}.mg-field input,.mg-field select,.mg-field textarea,.mg-form-card input:not([type=checkbox]):not([type=radio]):not([type=hidden]),.mg-form-card select,.mg-form-card textarea,.v20-controls input:not([type=checkbox]):not([type=radio]),.v20-controls select,.v20-controls textarea,.tracking-form input,.calc-field input,.calc-field select,.panel input,.panel select,.panel textarea{width:100%;min-height:48px;padding:12px 14px;border:1px solid rgba(81,137,178,.54)!important;border-radius:14px!important;background:rgba(3,14,25,.78)!important;color:#f5faff!important;font:inherit;outline:none;box-shadow:inset 0 0 22px rgba(0,0,0,.12);transition:.18s ease}.mg-field textarea,.mg-form-card textarea,.v20-controls textarea,.panel textarea{min-height:118px;resize:vertical}.mg-field input:focus,.mg-field select:focus,.mg-field textarea:focus,.mg-form-card input:focus,.mg-form-card select:focus,.mg-form-card textarea:focus,.v20-controls input:focus,.v20-controls select:focus,.v20-controls textarea:focus,.tracking-form input:focus,.calc-field input:focus,.calc-field select:focus,.panel input:focus,.panel select:focus,.panel textarea:focus{border-color:var(--mgf-line-strong)!important;box-shadow:0 0 0 4px rgba(42,176,255,.12),inset 0 0 22px rgba(0,0,0,.12)!important}.mg-field input::placeholder,.mg-field textarea::placeholder,.mg-form-card input::placeholder,.mg-form-card textarea::placeholder{color:#637e91}
.mg-file{position:relative;display:grid;gap:6px;padding:16px;border:1px dashed rgba(72,160,219,.48);border-radius:16px;background:rgba(4,18,30,.58);cursor:pointer}.mg-file input[type=file]{padding:8px!important;min-height:unset!important}.mg-check{display:flex!important;align-items:flex-start;gap:10px;color:#b9cedc!important;font-size:11px!important;line-height:1.6}.mg-check input{width:19px!important;height:19px!important;min-height:0!important;accent-color:#2ebaff;margin-top:1px}.mg-form-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.mg-btn,.v20-btn,.tracking-submit,.calc-card .btn,.panel button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:0 18px;border:1px solid #2da9f2!important;border-radius:14px!important;background:linear-gradient(135deg,#0879e2,#159df5)!important;color:#fff!important;text-decoration:none;font-weight:900!important;cursor:pointer;box-shadow:0 12px 28px rgba(8,126,218,.22);transition:.18s ease}.mg-btn:hover,.v20-btn:hover,.tracking-submit:hover,.panel button:hover{transform:translateY(-1px);filter:brightness(1.06)}.mg-btn.secondary,.v20-btn.dark{border-color:rgba(69,121,161,.55)!important;background:#071827!important;color:#dcebf5!important;box-shadow:none}.mg-btn.danger{border-color:#9d3d47!important;background:linear-gradient(135deg,#7a1f2b,#c7414e)!important}.mg-btn.gold{border-color:#dfbd67!important;background:linear-gradient(135deg,#a77d21,#e1bd63)!important;color:#08111b!important}.mg-form-note,.mg-alert{padding:14px 16px;border:1px solid rgba(72,150,205,.34);border-radius:16px;background:rgba(7,29,48,.68);color:#b9d0df;font-size:12px;line-height:1.65}.mg-alert.ok{border-color:rgba(54,198,119,.42);background:rgba(18,91,54,.22);color:#caffdf}.mg-alert.error{border-color:rgba(255,105,116,.46);background:rgba(103,24,34,.25);color:#ffd2d6}
.mg-side-list{display:grid;gap:10px;margin-top:16px}.mg-side-list article{display:flex;gap:11px;padding:13px;border:1px solid rgba(52,111,157,.3);border-radius:15px;background:rgba(5,19,31,.62)}.mg-side-list b{display:grid;place-items:center;flex:0 0 auto;width:28px;height:28px;border-radius:9px;background:#0d4d7b;color:#66ceff}.mg-side-list strong{display:block;font-size:12px}.mg-side-list small{display:block;margin-top:4px;color:#8da9bb;line-height:1.45}.mg-side-phone{margin-top:16px;padding:16px;border:1px solid rgba(220,180,92,.36);border-radius:16px;background:rgba(68,49,13,.2)}.mg-side-phone small{display:block;color:#d7b45f;font-weight:900}.mg-side-phone a{display:block;margin-top:7px;color:#fff;font-size:20px;font-weight:950;text-decoration:none}
/* Existing public pages: unify surfaces */
.photo-page,.tracking-page,.builder-page,.ai31-shell,.visual-page-wrap,.v20-shell,.shell{width:min(1320px,calc(100% - 32px))!important;margin-inline:auto!important}.photo-top,.tracking-top,.v20-top{border-color:rgba(55,126,188,.34)!important;background:rgba(2,8,18,.88)!important;backdrop-filter:blur(18px)}.photo-brand img,.tracking-brand img,.v20-top img{background:transparent!important}.photo-form,.tracking-form,.builder-form,.ai31-form,.v20-controls{accent-color:#29b8ff}.photo-form input,.photo-form select,.photo-form textarea,.tracking-form input,.builder-form input,.builder-form select,.builder-form textarea,.ai31-form textarea{border-radius:14px!important}.tracking-submit{min-height:50px}.tracking-result,.photo-upload-card,.photo-form-card{border-radius:24px!important}.v20-grid{gap:18px!important}.v20-card{padding:22px!important}.v20-controls{gap:12px}.v20-actions{gap:10px!important}.v20-table{border-radius:16px;overflow:hidden}.calc-grid{gap:18px!important}.calc-card{padding:22px!important}.calc-fields{gap:13px!important}.calc-result{border-radius:16px!important;background:rgba(5,22,37,.76)!important;border:1px solid rgba(52,130,185,.34)!important}.visual-page-head{padding:28px!important;border:1px solid rgba(52,130,185,.28);border-radius:24px;background:linear-gradient(155deg,rgba(7,24,41,.94),rgba(3,13,24,.94));margin-bottom:20px}.visual-page-head h1{font-size:clamp(32px,5vw,56px)!important}.panel{padding:22px!important}.form-grid{gap:14px!important}.sig{border:2px solid rgba(80,142,183,.55)!important;box-shadow:inset 0 0 20px rgba(0,0,0,.12)}
/* Service AI notes and inline public controls */
.service-ai-note{border-radius:14px!important;border:1px solid rgba(69,141,190,.45)!important;background:rgba(3,15,26,.78)!important;color:#fff!important;padding:14px!important;outline:none}.service-ai-note:focus{border-color:#42bdff!important;box-shadow:0 0 0 4px rgba(42,176,255,.12)!important}
/* compact status cards */
.mg-status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}.mg-status-grid article{padding:15px;border:1px solid rgba(53,126,177,.3);border-radius:16px;background:rgba(7,25,41,.65)}.mg-status-grid strong{display:block;font-size:13px}.mg-status-grid small{display:block;margin-top:5px;color:#8da8ba;line-height:1.5}
@media(max-width:980px){.mg-form-layout{grid-template-columns:1fr}.mg-form-side{position:static}.mg-form-hero{grid-template-columns:1fr}.mg-form-trust{justify-content:flex-start}.mg-status-grid{grid-template-columns:1fr 1fr}.mg-form-top nav a:not(:last-child){display:none}}
@media(max-width:700px){.mg-form-main{width:min(100% - 20px,1320px);padding-top:28px}.mg-form-top{min-height:68px;padding:8px 12px}.mg-form-brand{width:min(250px,65vw)}.mg-form-card,.mg-form-side{padding:18px}.mg-field-grid,.mg-status-grid{grid-template-columns:1fr}.mg-field.full{grid-column:auto}.mg-form-actions{display:grid}.mg-form-actions>*{width:100%}.mg-form-hero h1{font-size:36px}.photo-page,.tracking-page,.builder-page,.ai31-shell,.visual-page-wrap,.v20-shell,.shell{width:min(100% - 20px,1320px)!important}}
/* Public quote response page */
.mg-quote-page{padding:0!important}.mg-quote-page .wrap{width:min(1120px,calc(100% - 32px))!important;margin:auto!important;padding:42px 0 72px}.mg-quote-page .card{position:relative;overflow:hidden;margin-bottom:18px!important;padding:24px!important;border:1px solid var(--mgf-line)!important;border-radius:24px!important;background:radial-gradient(circle at 100% 0,rgba(23,128,209,.1),transparent 34%),linear-gradient(155deg,rgba(7,24,41,.98),rgba(3,13,24,.98))!important;box-shadow:0 25px 70px rgba(0,0,0,.27)!important}.mg-quote-page .card:before{content:"";position:absolute;left:22px;right:22px;top:0;height:1px;background:linear-gradient(90deg,transparent,#54c8ff,transparent)}.mg-quote-page .head{align-items:flex-start}.mg-quote-page h1{font-size:clamp(30px,5vw,52px);letter-spacing:-.04em}.mg-quote-page h2{font-size:24px}.mg-quote-page .gold{color:#63cfff!important}.mg-quote-page .muted{color:#9fb6c6!important;line-height:1.7}.mg-quote-page .badge{padding:8px 12px!important;border:1px solid rgba(54,192,119,.35);background:rgba(18,90,54,.24)!important;color:#baffd6!important}.mg-quote-page .table{border-color:rgba(69,129,172,.38)!important;border-radius:18px!important}.mg-quote-page table{background:rgba(3,15,25,.54)}.mg-quote-page th{background:#092037!important;color:#67cfff!important}.mg-quote-page th,.mg-quote-page td{border-color:rgba(58,104,138,.34)!important;padding:14px!important}.mg-quote-page .totals{margin-top:16px;padding:16px;border:1px solid rgba(75,137,180,.34);border-radius:16px;background:rgba(4,18,30,.7)}.mg-quote-page .totals div{border-color:rgba(62,107,139,.32)!important}.mg-quote-page .total{font-size:22px;color:#fff}.mg-quote-page .btn,.mg-quote-page button{min-height:46px;padding:0 16px!important;border:1px solid rgba(67,130,176,.55)!important;border-radius:13px!important;background:#081a2a!important;color:#e9f5fc!important}.mg-quote-page .btn.gold,.mg-quote-page button.gold{border-color:#35b7ff!important;background:linear-gradient(135deg,#0879e2,#159df5)!important;color:#fff!important}.mg-quote-page .btn.red,.mg-quote-page button.red{border-color:#a9444e!important;background:linear-gradient(135deg,#711e29,#bd3d49)!important}.mg-quote-page .field input,.mg-quote-page .field textarea{border-color:rgba(81,137,178,.54)!important;background:rgba(3,14,25,.78)!important;color:#fff!important}.mg-quote-page .sig{height:210px!important;border-radius:16px!important}.mg-quote-page .flash{border-radius:16px!important;padding:14px 16px!important}.mg-quote-page .ok{border:1px solid rgba(53,198,116,.4);background:rgba(17,93,53,.25)!important;color:#c9ffdc!important}.mg-quote-page .err{border:1px solid rgba(255,99,112,.42);background:rgba(102,24,34,.27)!important;color:#ffd1d5!important}.mg-quote-page .check{padding:13px;border:1px solid rgba(67,122,163,.32);border-radius:14px;background:rgba(5,20,33,.64)}
/* Personnel field form */
.mg-personnel-page .shell{width:min(900px,calc(100% - 24px))!important}.mg-personnel-page .hero{padding:32px!important;border:1px solid var(--mgf-line);border-radius:24px;background:linear-gradient(155deg,rgba(7,24,41,.98),rgba(3,13,24,.98));margin-top:28px}.mg-personnel-page .hero h1{font-size:clamp(34px,6vw,56px)}
/* Visual planner and AR controls */
.planner-shell{gap:18px!important}.planner-panel,.ar-controls,.ar-spin-card{border:1px solid var(--mgf-line)!important;border-radius:22px!important;background:linear-gradient(155deg,rgba(7,24,41,.97),rgba(3,13,24,.97))!important;box-shadow:0 24px 60px rgba(0,0,0,.24)!important}.planner-panel{padding:20px!important}.planner-tool-list{gap:10px!important}.planner-tool,.planner-stage-actions button,.planner-stage-actions label,.planner-delete,.planner-whatsapp,.ar-controls button,.ar-controls a,.ar-file{min-height:44px!important;border:1px solid rgba(68,137,186,.5)!important;border-radius:13px!important;background:#071827!important;color:#e8f5fc!important;font-weight:850!important}.planner-tool.active,.planner-tool:hover,.planner-stage-actions button:hover,.ar-primary{border-color:#35b7ff!important;background:linear-gradient(135deg,#0879e2,#159df5)!important;color:#fff!important}.planner-stage{border:1px solid rgba(65,145,199,.42)!important;border-radius:22px!important;background-color:#03101c!important;box-shadow:inset 0 0 35px rgba(0,0,0,.25)}.planner-stage-actions{gap:9px!important}.planner-summary{border-radius:16px!important;background:rgba(4,18,30,.68)!important;border:1px solid rgba(61,124,168,.3)!important}.ar-shell,.ar-workspace{gap:18px!important}.ar-stage{border:1px solid rgba(65,145,199,.42)!important;border-radius:22px!important;overflow:hidden!important;box-shadow:0 24px 60px rgba(0,0,0,.26)!important}.ar-controls{padding:20px!important}.ar-controls input[type=range]{accent-color:#28b4ff}.ar-camera-types{gap:9px!important}.ar-warning{border-radius:14px!important;border:1px solid rgba(220,180,92,.34)!important;background:rgba(73,52,13,.22)!important;padding:12px!important}