/* MMN ยท BRIGHT GLASS / ROUND ONE. Editable overlay, original selectors. All text remains live HTML. No typography is baked into artwork. */ @font-face{font-family:Fraunces;src:url(../assets/fraunces.woff2) format('woff2');font-weight:100 900;font-display:swap} :root{--navy0:#0c2238;--navy:#153953;--navy2:#224a68;--ink:#112c44;--ink2:#42566a;--muted:#526475;--gold:#eed39b;--gold-d:#865a20;--gold-dd:#674716;--cream:#edf1f4;--paper:#f9faf8;--white:#fff;--line:#cbd5df;--line2:#e0e6eb;--light:#f2f6fa;--mutedd:#cbd9e3;--green:#205742;--green-bg:#e2f0e8;--red:#843b37;--red-bg:#f9e7e2;--amber-bg:#f9edd3;--grad:linear-gradient(135deg,#f7e3b4,#e4be75);--glass:linear-gradient(135deg,rgba(255,255,255,.92),rgba(250,253,255,.73));--glass-border:rgba(255,255,255,.96);--shadow:0 15px 38px -28px #18395580,0 1px 2px #17314b0d;--serif:Fraunces,Georgia,serif;--r-card:18px;--r-control:10px;--space:24px} *{box-sizing:border-box}html{scroll-behavior:smooth}body{position:relative;margin:0;min-height:100vh;color:var(--ink);font:15px/1.55 Inter,system-ui,-apple-system,'Segoe UI',sans-serif;background:#eaf0f4;isolation:isolate} body::before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(180deg,#f8faf930,#f0f5fa95 72%,#edf2f7dc),url(../assets/glass-atmosphere.png) 50% 0/cover no-repeat} body::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(105deg,#f3f6fa45,#ffffff24 45%,#c9dcec21);backdrop-filter:blur(7px)} h1,h2,h3{font-family:var(--serif);letter-spacing:-.025em;color:var(--ink)}h1{font-weight:550;font-size:clamp(32px,4.2vw,52px);line-height:1.07}h2{font-weight:570;font-size:25px;line-height:1.2}h3{font-weight:560;font-size:20px;line-height:1.3}.gold{color:var(--gold-d)} a{color:#74511f;text-underline-offset:3px}a:hover{color:#123d62}button,.btn,.b{border-radius:var(--r-control);font-size:13px;min-height:42px;letter-spacing:.005em;border:1px solid #b7c6d2;background:#ffffffb8;color:var(--ink);transition:background .15s,box-shadow .15s,transform .15s}button:hover,.btn:hover,.b:hover{box-shadow:0 5px 18px #18395516;background:#fff}.btn-navy,.btn-on{background:linear-gradient(130deg,#163e5b,#0d2a44);color:#fff;border:1px solid #143951;box-shadow:inset 0 1px 0 #ffffff25,0 5px 12px #12355417}.btn-navy:hover,.btn-on:hover{background:#173e5c;color:#fff}.btn-gold{background:var(--grad);color:#122b40;border:1px solid #e2bb76}.btn-soft{background:#ffffff8a;border-color:#c4ced5;color:#334f63}.sub{color:var(--ink2);font-size:13px}.k{font-size:10px;font-weight:750;letter-spacing:.17em;color:var(--gold-d)} input,textarea,select{border-radius:10px;border:1px solid #aebecb;background:#fffdfd;color:var(--ink);font-size:14px;box-shadow:inset 0 2px 3px #0d2a4405;padding:12px 14px;min-height:44px}input::placeholder,textarea::placeholder{color:#526576;opacity:1}label.f{font-size:12px;color:var(--ink2);gap:7px}:focus-visible{outline:3px solid #1e537b!important;outline-offset:3px!important;box-shadow:0 0 0 6px #fff!important} .top{position:relative;z-index:3;background:rgba(255,255,255,.68);backdrop-filter:blur(22px);border-bottom:1px solid #ffffffa6}.top .in{max-width:1248px;min-height:82px;padding:18px 24px;gap:16px}.brand{font:600 23px/1.15 var(--serif);letter-spacing:-.04em;color:var(--ink)}.brand span{color:var(--gold-d)}.brand small{display:block;font:500 10px/1.4 Inter,system-ui,sans-serif;letter-spacing:.07em;color:#6a562d;margin-top:6px}.who{font-size:12px;gap:15px;color:var(--ink2)}.who button{background:#ffffff86;border:1px solid #c2ccd3;color:#314f66;border-radius:999px;min-height:34px;font-size:11px;padding:0 15px} nav.tabs{background:#ffffff58;backdrop-filter:blur(18px);border-bottom:1px solid #ffffffb3}nav.tabs .in{max-width:1248px;padding:0 24px;gap:22px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}nav.tabs a{font-size:12px;color:#445e73;min-height:48px;padding:0 1px;white-space:nowrap;border-bottom:2px solid transparent}nav.tabs a[aria-current=page]{color:#153c5a;border-bottom-color:#b58439;font-weight:700}.badge{background:#efd8ab;color:#203747} main{max-width:1248px;padding:32px 24px 68px;gap:22px}.hero{position:relative;isolation:isolate;overflow:hidden;min-height:218px;padding:34px 38px;border-radius:24px;background:linear-gradient(100deg,#ffffffeb 5%,#fffdf6cf 56%,#f1eddf35);border:1px solid #fff;box-shadow:0 15px 45px -28px #18385570,inset 0 1px 0 #fff;backdrop-filter:blur(8px);color:var(--ink);align-items:center;gap:24px}.hero::before{content:"";position:absolute;inset:0;z-index:-2;background:url(../assets/glass-atmosphere.png) 73% 57%/cover;opacity:.65}.hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#fffdf9f5,#fffdf9d9 45%,#fffdf91a 86%)}.hero h1{color:var(--ink);margin:9px 0 12px}.hero .k{color:#7d5720;font-size:10px;letter-spacing:.16em}.hero p{color:#38526a;font-size:14px;max-width:53ch;margin:0}.hero .pill{background:#ffffffe6;border:1px solid #fff;color:#28495f;box-shadow:0 3px 15px #16395a08}.hero>.row{align-self:flex-end} .card,.stat,.item,.lane,.tablewrap{background:var(--glass);border:1px solid var(--glass-border);box-shadow:var(--shadow);backdrop-filter:blur(20px);border-radius:var(--r-card);color:var(--ink)}.card{padding:24px;gap:18px}.card.gold{background:linear-gradient(130deg,#fff9e9e8,#fffdf7d9);border:1px solid #e6c994;color:var(--ink)}.card.dark{background:linear-gradient(135deg,#173b57ee,#0f293ef5);border-color:#31536a;color:#fff}.card.dark h2,.card.dark h3{color:#fff}.card.dark .gold{color:#f0d49a}.card.dark p,.card.dark .sub{color:#e0e9f0}.card.dark input,.card.dark textarea{border-color:#8099ad;background:#ffffffeb;color:#173149}.grid{gap:18px}.grid.sm{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.stat{padding:18px 20px;border-top:1px solid #fff;position:relative;min-height:113px}.stat::before{content:"";position:absolute;top:0;left:20px;width:30px;height:2px;background:#bd914b;border-radius:2px}.stat b{font:550 37px/1.04 var(--serif);letter-spacing:-.045em;color:#193e59;margin:2px 0 8px}.stat span{font-size:11px;line-height:1.35;display:block;color:#44596c}.bar{height:8px;border-radius:99px;background:#dee5e9}.bar i{background:linear-gradient(90deg,#b98a41,#e5c486);border-radius:99px}.banner{border:1px solid #e6c993;background:#fff7e3d6;box-shadow:var(--shadow);border-radius:14px;padding:15px 22px;font-size:13px}.banner .btn{min-height:36px;font-size:11px} .pill{font-size:10px;letter-spacing:.01em;font-weight:650;padding:4px 9px;border-radius:999px}.p-fresh{color:#785419;background:#f6e8c7}.p-active{color:#255a43;background:#deeee4}.p-paused{color:#823a36;background:#f7e4df}.p-unknown{color:#42596d;background:#e7edf2}.list{gap:10px}.item{padding:20px 22px;border-color:#dbe3e9;border-radius:12px;background:#ffffffb5;box-shadow:none;gap:18px}.item .t{gap:6px}.item .btn{min-height:38px;font-size:11px}.item:hover{border-color:#a9bdcc;background:#fff}.row{gap:10px}.item small.sub{font-size:11px;color:#52687a}.verified{align-self:flex-start}.cols{gap:22px}.cols>.main{flex:999 1 620px;gap:22px}.cols>.side{flex:1 1 285px;gap:22px}.pipe{grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.lane{padding:13px 11px;background:#eef3f6b8;border:1px solid #dbe4eb;box-shadow:none;border-radius:12px}.lane h3{font:700 9px/1.4 Inter,system-ui,sans-serif;letter-spacing:.06em}.chipcard{font-size:11px;line-height:1.45;border:1px solid #dae2e9;border-radius:8px;background:#ffffffde;padding:10px}.chipcard small{font-size:10px;color:#52687a}.feed li{font-size:13px;line-height:1.55}.cal{gap:5px}.cal button{border-radius:7px;font-size:11px;min-height:34px;border:1px solid #d1dce4;background:#fff}.cal .h{color:#4e667a}.side h2{font-size:21px}.side .btn{font-size:11px}.more{color:#3d596d}.tablewrap{border-color:#d6e0e8;box-shadow:none;border-radius:12px}th{font-size:10px;letter-spacing:.02em;background:#eaf0f4;color:#3c586e}td{font-size:12px;border-color:#dce4eb}tr:nth-child(even) td{background:#f5f8faa0}.empty{background:#f2f5f8a3;border-color:#b9cad8;color:#40586b;border-radius:12px}.toast{border-radius:12px;box-shadow:0 10px 40px #132d4a40} /* Field Guide: generous editorial cover, still light and tactile. */ .fg{--r-card:18px}.fg .brand{font-size:24px}.fg .hero{min-height:302px;padding:40px 44px}.fg .hero>div{max-width:640px}.fg .hero h1{max-width:620px;font-size:52px;line-height:1.04;font-variation-settings:'opsz' 120}.fg .hero p{max-width:50ch;margin-top:16px;font-size:14px}.fg .hero::before{opacity:.9;background-position:85% 58%}.fg .hero::after{background:linear-gradient(90deg,#fffdf5f5,#fffcf0d9 42%,#fffdf024 85%)}.fg .stat b{color:#21465b}.fg .item b{font:550 21px/1.22 var(--serif);letter-spacing:-.02em;color:#173c55}.fg #shows-panel{padding:24px;gap:15px}.fg #shows-panel>.row:first-child input{background:#ffffffd9;padding-left:18px;min-height:47px}.fg #shows-panel .filters button{font-size:11px;min-height:36px;border-radius:999px;padding:0 15px}.fg #show-count{font-size:11px;padding:1px 2px}.fg .item .t>.row{gap:8px}.fg .item{border-left:3px solid #d2b57f}.fg .card.gold .btn{align-self:flex-start;min-width:225px}.fg .card.gold{padding:28px 32px} /* Campaign home: calm, clear forward motion. */ .portal .hero{min-height:210px}.portal .hero>div:last-child{padding:23px 26px;background:#ffffffa8;border:1px solid #fff;border-radius:16px;backdrop-filter:blur(16px);box-shadow:0 6px 25px #0f2d4420;font-size:12px}.portal .hero>div:first-child{max-width:55%}.portal .card>.clean.list{display:flex;flex-direction:row;flex-wrap:wrap;gap:14px 30px}.portal .card>.clean.list li{font-size:12px}.portal .card>.clean.list li span:first-child{font-size:16px}.portal .side .card{padding:22px;gap:13px}.portal .side .sub{font-size:12px}.portal .side input,.portal .side textarea{font-size:12px}.portal .side .row{gap:8px}.portal .side .row .btn,.portal .side .row button{padding:0 10px}.portal .main .card .item{padding:14px 16px}.portal .main .card .item .t{flex-basis:240px} /* Booking Desk: refined workspace, compact client metrics. */ .desk{--r-card:18px}.desk .hero{min-height:215px}.desk .hero h1{font-size:46px}.desk #desk-clients{background:transparent;border:none;box-shadow:none;backdrop-filter:none;padding:4px 0 0;gap:18px}.desk #desk-clients>.row{padding:0 4px}.desk #desk-client-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.desk #desk-client-grid>a.card{padding:24px;gap:15px;position:relative;overflow:hidden;min-height:280px}.desk #desk-client-grid>a.card::before{content:"";height:3px;width:54px;position:absolute;top:0;left:24px;background:linear-gradient(90deg,#c29a55,#e4ce9f)}.desk #desk-client-grid h3{font-size:22px}.desk #desk-client-grid .sub{font-size:12px;min-height:38px;max-width:28ch}.desk #desk-client-grid .grid.sm{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:auto;padding-top:16px;border-top:1px solid #c8d5df}.desk #desk-client-grid .stat{padding:0 10px;min-height:0;background:none;border:none;border-radius:0;box-shadow:none;backdrop-filter:none;border-right:1px solid #d4dfe6}.desk #desk-client-grid .stat:first-child{padding-left:0}.desk #desk-client-grid .stat:last-child{border:0;padding-right:0}.desk #desk-client-grid .stat::before{display:none}.desk #desk-client-grid .stat b{font-size:28px;margin:0 0 7px}.desk #desk-client-grid .stat span{font-size:10px}.desk #desk-client-form{display:grid;grid-template-columns:1fr 1fr;gap:22px 26px}.desk #desk-client-form h2,.desk #desk-client-form>button{grid-column:1/-1}.desk #desk-client-form>button{justify-self:start;min-width:250px}.desk #desk-upcoming .feed{display:grid;grid-template-columns:repeat(3,1fr);gap:12px 24px}.desk #desk-upcoming .feed li{padding:3px 0 3px 14px;border-left:2px solid #d6b77d;margin:0;font-size:12px}.desk #desk-upcoming{gap:16px}.desk #desk-stage-filters{gap:7px}.desk #desk-stage-filters button{font-size:10px;min-height:34px;padding:0 11px;border-radius:999px}.rowlink{border-radius:10px;border:1px solid #dce4ea;background:#ffffffc9;padding:16px 20px;box-shadow:none;font-size:14px;min-height:70px}.rowlink b{font-weight:600}.rowlink small{font-size:12px}.pipeline-page #desk-pipeline .list{gap:7px}.pipeline-page .grid.sm{grid-template-columns:repeat(4,1fr)} /* Admin: brighter tool chrome, quiet glass rather than dramatic imagery. */ .admin{font-size:14px;padding-bottom:0}.admin::before{opacity:.65}.admin>header{position:relative;background:#ffffffb8;color:var(--ink);border-bottom:1px solid #fff;backdrop-filter:blur(22px);padding:18px 32px;min-height:74px;gap:14px}.admin header b.brand{font:600 22px var(--serif);color:var(--ink)}.admin header b.brand span{color:var(--gold-d)}.admin header a{color:#445c70;font-size:11px}.admin #links{gap:15px;font-size:11px}.admin .mmn-me{display:flex;gap:10px;color:#496175;font-size:10px}.admin nav.tabs{max-width:none;justify-content:center;padding:0 24px;gap:9px;background:#ffffff66}.admin nav.tabs button{font-size:11px;color:#425c70;padding:0 10px;border-radius:0;min-height:49px}.admin nav.tabs button[aria-selected=true]{color:#173c59;border-bottom-color:#b58a45}.admin .cnt{min-width:18px;font-size:10px;line-height:18px;background:#153b58;color:#fff;padding:0 5px}.admin main{max-width:1376px;padding:28px 32px 64px;display:block}.admin .dhead{align-items:stretch;position:relative;gap:20px;margin-bottom:18px}.admin .hero{min-height:168px;padding:28px 32px;justify-content:center;flex:1 1 auto;border-radius:22px;gap:2px}.admin .hero::before{opacity:.33}.admin .hero .eyebrow{font-size:10px;letter-spacing:.12em;color:#79551f}.admin .hero h1{font:550 38px/1.1 var(--serif);margin:8px 0}.admin .hero .lead{font-size:13px;color:#435f74}.admin .tools{position:absolute;right:30px;bottom:26px;gap:8px;flex:initial;align-items:center}.admin .seg{border-radius:9px;border:1px solid #bacbd6;background:#fff9;padding:3px;gap:3px}.admin .seg button{border-radius:6px;font-size:11px;min-height:30px}.admin .seg button[aria-pressed=true]{background:#163c58;color:#fff}.admin .b.s{font-size:11px;min-height:38px;border-radius:9px;border-color:#b9cad7;background:#ffffffc7}.admin .stats{grid-template-columns:repeat(5,minmax(0,1fr));gap:13px;margin:0 0 18px}.admin .stat2{background:var(--glass);border:1px solid #fff;border-radius:14px;padding:18px 21px;box-shadow:var(--shadow);gap:8px;min-height:92px}.admin .stat2 b{font:550 32px/1 var(--serif)}.admin .stat2 span{font-size:11px;color:#486074}.admin .stat2.hot{background:linear-gradient(130deg,#fff7e5f5,#fffdf6dd);border-color:#e1c799}.admin .qcard{background:var(--glass);border:1px solid #fff;box-shadow:var(--shadow);border-radius:16px;padding:18px 22px;margin-bottom:18px}.admin .qcard h2{font:570 21px var(--serif)}.admin .qrows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:10px}.admin .qrow{background:transparent;border:0;border-top:1px solid #d5dfe6;border-radius:0;box-shadow:none;padding:12px 0 0;display:grid;grid-template-columns:1fr 1.2fr;gap:3px 15px;text-align:left;font-size:12px;justify-content:stretch;align-items:start}.admin .qn,.admin .qbar{display:flex;flex-direction:column;gap:4px}.admin .qs{grid-column:2}.admin .qrow .sub{font-size:11px}.admin .prog{height:5px;background:#dce5ec;margin:3px 0}.admin .dwrap{gap:16px;flex-wrap:nowrap}.admin .dcols{flex:1 1 auto;grid-template-columns:1.15fr 1fr 1fr;gap:14px}.admin .dcol{padding:16px 14px;border:1px solid #fff;background:#fff6e2b8;border-radius:16px;backdrop-filter:blur(20px);box-shadow:var(--shadow);gap:10px}.admin .dcol.c-waiting{background:#edf4fad9}.admin .dcol.c-done{background:#edf6efdb}.admin .dcol h2{font:560 19px var(--serif);gap:5px}.admin .dcol>.sub{font-size:12px}.admin .dcol .empty{padding:16px 0;border:0;background:none;font-size:12px}.admin .dcard{padding:13px 14px;border:1px solid #e2e7e7;border-radius:10px;background:#ffffffd9;gap:6px;box-shadow:0 2px 8px #18385504;font-size:12px;line-height:1.45}.admin .dcard .who{font-size:10px;border-radius:5px;padding:3px 6px;max-width:100%;color:#28553f;background:#e2eee3;white-space:normal}.admin .dcard .row{gap:6px}.admin .dcard .sub{font-size:11px;color:#4f6679}.admin .dcard .nx{font-size:11px;color:#7b581f}.admin .gh{font:700 10px Inter,system-ui,sans-serif;letter-spacing:.06em;color:#4d6375;margin:10px 1px 0}.admin .dside{flex:0 0 275px;max-width:none;background:var(--glass);border:1px solid #fff;box-shadow:var(--shadow);border-radius:16px;padding:18px 17px;gap:10px}.admin .dside h2{font:570 21px var(--serif);margin-bottom:4px}.admin .wk{gap:10px;padding:10px 0 0 8px;font-size:12px;border-top-color:#dde5e9}.admin .wk .sub{font-size:11px}.admin .wk .dt{width:39px;padding:5px 0;border-radius:7px}.admin .wk .dt span{font-size:9px}.admin .wk .dt b{font:550 20px var(--serif)}.admin .fyi{font-size:12px}.admin #moreBtn,.admin .colpick{display:none} /* Sign-in: a focused, luminous glass object; exact original form and copy. */ .signin{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:70px 24px}.signin::before{background:url(../assets/glass-atmosphere.png) center/cover no-repeat}.signin::after{backdrop-filter:none;background:linear-gradient(90deg,#fdfbf31c,#f9f7ed00 55%,#11284210)}.signin #login{width:min(100%,465px);max-width:465px;padding:42px 42px 34px;gap:26px;border-radius:26px;background:linear-gradient(135deg,#fffffff0,#fffdf0bd);border:1px solid #ffffffee;box-shadow:0 28px 80px -30px #15365165,inset 0 1px 0 #fff;backdrop-filter:blur(24px);margin:0}.signin h1{font:550 34px/1.13 var(--serif);letter-spacing:-.035em;max-width:330px}.signin h1 span{display:block;color:#805b24;font-size:27px;margin-top:4px}.signin label{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:650;color:#334e63}.signin input{height:48px;border-color:#aebfcb;background:#ffffffd9}.signin form>div{gap:20px!important}.signin #b1{width:100%;margin-top:6px;min-height:48px;background:linear-gradient(130deg,#173e5b,#102e48);color:#fff;border-radius:10px;border:1px solid #244d69;font-size:13px;box-shadow:0 6px 18px #102d481c}.signin .sub{font-size:12px;line-height:1.6;color:#435c70}.signin #login::before{content:"";display:block;width:43px;height:3px;background:#bf934d;margin-bottom:-8px;border-radius:5px} [hidden]{display:none!important} @media(max-width:900px){.grid.sm{grid-template-columns:repeat(3,minmax(0,1fr))}.desk #desk-client-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin .dwrap{flex-wrap:wrap}.admin .dside{flex:1 1 100%;max-width:none}.admin .dcols{flex-basis:100%}.admin .tools{position:static;justify-content:flex-start;padding:0 4px}.admin .hero{flex-basis:100%}.admin #links{display:none}.pipe{grid-template-columns:repeat(3,minmax(0,1fr))}.portal .hero>div:first-child{max-width:100%}.portal .hero>div:last-child{max-width:none!important;flex:1 1 100%!important}.desk #desk-upcoming .feed{grid-template-columns:repeat(2,1fr)}} @media(max-width:600px){body{font-size:14px}body::before{background-position:70% 0}body::after{backdrop-filter:blur(5px)}.top .in{min-height:108px;padding:18px 20px;gap:15px}.brand{font-size:22px}.fg .brand{font-size:23px}.brand small{font-size:9px;margin-top:5px}.who{font-size:11px;gap:13px;width:100%;justify-content:space-between}.who button{min-height:31px;font-size:10px}nav.tabs .in{padding:0 20px;gap:22px}nav.tabs a{min-height:45px;font-size:11px}main{padding:22px 16px 42px;gap:17px}.hero{padding:25px 25px;min-height:235px;border-radius:20px;gap:20px}.hero h1,.desk .hero h1{font-size:35px;line-height:1.05}.hero .k{font-size:9px;letter-spacing:.12em}.hero p{font-size:12px;line-height:1.6}.hero::after{background:linear-gradient(90deg,#fffdf6ed,#fffdf6be 70%,#fffdf684)}.hero .pill{font-size:9px}.fg .hero{padding:28px 26px;min-height:310px}.fg .hero h1{font-size:38px;max-width:290px}.fg .hero p{font-size:12px;margin-top:15px}.fg .hero::after{background:linear-gradient(90deg,#fffdf5f0,#fffdf5d9 55%,#fffdf585)}.grid.sm{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.stat{padding:15px 12px;min-height:103px;border-radius:13px}.stat::before{left:12px;width:22px}.stat b{font-size:30px;margin-bottom:7px}.stat span{font-size:10px}.card{padding:20px;border-radius:16px;gap:16px}h2{font-size:22px}h3{font-size:19px}.sub{font-size:12px}.fg #shows-panel{padding:16px;gap:12px}.fg #shows-panel>.row:first-child input{min-height:44px;font-size:12px}.fg #shows-panel .filters{gap:6px}.fg #shows-panel .filters button{font-size:10px;min-height:33px;padding:0 10px}.fg .item{padding:17px 15px;gap:12px}.fg .item b{font-size:21px;width:100%;margin-bottom:3px}.fg .item .t{flex-basis:100%;gap:7px}.fg .item .t>.row{gap:6px}.fg .item .sub{font-size:12px}.fg .item small.sub{font-size:10px;line-height:1.6}.fg .item>.row{width:100%;justify-content:flex-end}.fg .item .btn{min-height:35px;padding:0 16px}.pill{font-size:9px}.fg .card.gold{padding:24px}.fg .card.gold .btn{align-self:stretch;min-width:0}.portal .hero{padding:26px;gap:20px}.portal .hero>div:last-child{padding:18px 20px;font-size:11px}.banner{padding:16px 18px;gap:12px;font-size:12px}.portal .card>.clean.list{gap:10px;flex-direction:column}.pipe{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.lane:last-child{grid-column:1/-1}.cols>.main,.cols>.side{flex-basis:100%}.portal .side .card{padding:22px}.portal .main .card .item .t{flex-basis:100%}.desk #desk-client-grid{grid-template-columns:1fr;gap:13px}.desk #desk-client-grid>a.card{padding:24px;min-height:224px;gap:14px}.desk #desk-client-grid h3{font-size:23px}.desk #desk-client-grid .sub{font-size:12px;min-height:0;max-width:31ch}.desk #desk-client-grid .grid.sm{padding-top:18px}.desk #desk-client-grid .stat b{font-size:29px}.desk #desk-clients>.row{gap:10px}.desk #desk-clients>.row button{font-size:10px;min-height:34px;padding:0 12px}.desk #desk-client-form{grid-template-columns:1fr;gap:20px}.desk #desk-client-form>button{width:100%;min-width:0}.desk #desk-upcoming .feed{grid-template-columns:1fr;gap:12px}.desk #desk-stage-filters{gap:6px}.desk #desk-stage-filters button{font-size:9px;padding:0 9px;min-height:33px}.rowlink{padding:14px;font-size:13px;gap:10px}.rowlink small{font-size:11px}.rowlink>span:first-child{flex-basis:100%!important}.pipeline-page .grid.sm{grid-template-columns:repeat(2,1fr)}.admin>header{padding:18px 20px}.admin header b.brand{font-size:23px}.admin .mmn-me{font-size:9px}.admin nav.tabs{justify-content:flex-start;overflow-x:auto;padding:0 16px;gap:4px;scrollbar-width:none}.admin nav.tabs button{white-space:nowrap;font-size:11px;flex:none}.admin nav.tabs .more-item{display:inline-flex}.admin main{padding:22px 16px 48px}.admin .hero{padding:25px;min-height:155px}.admin .hero h1{font-size:32px}.admin .hero .lead{font-size:12px}.admin .stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.admin .stat2{padding:15px 12px;min-height:91px}.admin .stat2 b{font-size:29px}.admin .stat2 span{font-size:10px}.admin .qcard{padding:18px}.admin .qrows{grid-template-columns:1fr;gap:14px}.admin .dcols{display:flex;flex-direction:column;gap:16px}.admin .dcol{width:100%;padding:18px}.admin .dcard{padding:16px;font-size:13px}.admin .dcard .sub{font-size:12px}.admin .dcard .who{font-size:11px}.admin .dside{flex-basis:100%;padding:20px}.admin .wk{font-size:13px}.admin .dcol h2{font-size:22px}.admin .tools{gap:7px}.signin{padding:40px 20px}.signin #login{padding:34px 28px 29px;gap:26px;border-radius:22px}.signin h1{font-size:30px}.signin h1 span{font-size:25px}.signin::before{background-position:65% center}.signin .sub{font-size:12px}} @media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}} .brand{text-decoration:none}.brand:hover{text-decoration:none} /* Capture framing is review-only; application responsive layout stays unchanged. */ /* Keep environmental light at architectural scale on long pages and capture iframes. */ body:not(.signin)::before{background-size:auto,max(1440px,100vw) auto;background-position:center top,center top;background-repeat:no-repeat} @media(max-width:600px){body:not(.signin)::before{background-size:auto,960px auto;background-position:center top,68% top}body:not(.signin)::after{background:linear-gradient(90deg,#f7fafb45,#fff7e752)}} /* Accessible control edges and left-aligned high-density admin cards. */ input,textarea,select,.signin input{border-color:#7b8f9f}.btn-soft{border-color:#8193a1}.cal button{border-color:#8193a1}.who button{border-color:#8193a1} .admin .hero,.admin .stat2{align-items:flex-start}.admin .dcard{align-items:stretch;justify-content:flex-start}.admin .dcard .row{width:100%}.admin .dcard .who{display:inline-block;max-width:100%;width:auto}.admin .dcard>.b,.admin .dcard>b{text-align:left}.admin .dcard .sub{text-align:left}.admin .stat2{text-align:left} /* Integration-only correction: preserve the original Work mobile lane controls. The historical preview was static; the real Work renderer uses .on to switch lanes. */ @media(max-width:760px){ .admin nav.tabs{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding:0 16px;scrollbar-width:thin} .admin nav.tabs button{flex:none;white-space:nowrap} .admin nav.tabs .more-item{display:inline-flex} .admin #moreBtn{display:none} .admin .colpick{display:flex;gap:7px;overflow-x:auto;margin-bottom:14px} .admin .colpick button{flex:none;min-height:44px;padding:0 13px;border:1px solid #7b8f9f;border-radius:999px;background:#fff;color:#153953;font-size:12px} .admin .colpick button[aria-pressed=true]{background:#153953;color:#fff} .admin .dcols{display:block} .admin .dcol{display:none;width:100%} .admin .dcol.on{display:flex} } /* Preserve Work's existing bottom navigation and More flow on phones/tablets. */ @media(max-width:760px){ .admin{padding-bottom:calc(70px + env(safe-area-inset-bottom))} .admin nav.tabs{gap:0;padding:0 6px env(safe-area-inset-bottom);overflow:visible;justify-content:space-around} .admin nav.tabs button{flex:1 1 0;min-width:0;min-height:56px;font-size:10px;padding:0 3px;white-space:nowrap} .admin nav.tabs .more-item{display:none} .admin #moreBtn{display:inline-flex} .admin #moreMenu{background:#fffffff5;border-color:#cbd5df;border-radius:14px;box-shadow:0 15px 38px #18395526;backdrop-filter:blur(20px)} } @media(min-width:761px) and (max-width:900px){.admin #links{display:flex;flex-wrap:wrap;gap:10px}} @media(min-width:761px) and (max-width:1100px){.admin nav.tabs{overflow-x:auto;justify-content:flex-start;flex-wrap:nowrap;scrollbar-width:thin}.admin nav.tabs button{flex:none;white-space:nowrap}} /* ====================================================================================== LIVE INTEGRATION ADDITIONS (MMN app, Nov 2026). Not in the kit snapshot. Fixes found when rendering the real app, plus scoped coverage for screens the kit did not patch: staff setup (.signin #setup), Team / Client portal admin / Desk admin (.tool) and Studio (.tool.studio). Presentation only. ====================================================================================== */ /* Shared: tick boxes and radios are not text fields. */ input[type=checkbox],input[type=radio]{min-height:0;padding:0;box-shadow:none} /* Work: small primary/danger buttons keep their meaning over the .admin .b.s glass style. */ .admin .b.p,.admin .b.s.p{background:linear-gradient(130deg,#163e5b,#0d2a44);color:#fff;border-color:#143951} .admin .b.p:hover,.admin .b.s.p:hover{background:#173e5c;color:#fff} .admin .b.d,.admin .b.s.d{border-color:#843b37;color:#843b37} .admin .mail .top{position:static;z-index:auto;background:none;backdrop-filter:none;border:0} .admin nav.tabs button:hover{background:none;box-shadow:none} .admin .stat{min-height:0;padding:14px 16px}.admin .stat b{font-size:28px;margin:2px 0 6px} .admin .chip{border-color:#c4ced5;background:#ffffffb8;border-radius:999px}.admin .chip[aria-pressed=true]{background:#153953;color:#fff;border-color:#153953} .admin .chip.hot{background:#fff7e3;border-color:#e6c993} .admin .warn{background:#fff7e3;border:1px solid #e6c993;border-radius:10px}.admin .note{border-radius:10px;border-color:#b9cad8;background:#f2f5f8a3} .admin .mail,.admin .ccard,.admin .fcard,.admin .mini,.admin .bsec,.admin .blist,.admin .bdetail{border-color:#dce4ea;border-radius:12px} .admin .mail[aria-current=true]{border:2px solid #153953} .admin .pre{border-radius:10px;border-color:#dce4ea} .admin .drawer{background:#0c223859}.admin .dpanel{background:#fbfcfd;box-shadow:-20px 0 60px -20px #102d4866} .admin #toast{border-radius:12px;background:#153953} /* Team sign-in: the second step and the plain link button keep the approved look. */ .signin #b2{width:100%;min-height:48px;background:linear-gradient(130deg,#173e5b,#102e48);color:#fff;border-radius:10px;border:1px solid #244d69;font-size:13px;box-shadow:0 6px 18px #102d481c} .signin .link{border:0;background:none;box-shadow:none;min-height:0;padding:0;color:#153953} .signin .err{border-radius:10px} /* Staff setup uses the same luminous card as sign-in. */ .signin #setup{width:min(100%,560px);max-width:560px;padding:42px 42px 34px;gap:20px;border-radius:26px;background:linear-gradient(135deg,#fffffff0,#fffdf0bd);border:1px solid #ffffffee;box-shadow:0 28px 80px -30px #15365165,inset 0 1px 0 #fff;backdrop-filter:blur(24px);margin:0} .signin #setup::before{content:"";display:block;width:43px;height:3px;background:#bf934d;margin-bottom:-4px;border-radius:5px} .signin #setup h2{font:570 20px/1.25 var(--serif);margin:8px 0 0} .signin #setup button:not(.link){width:100%;min-height:48px;background:linear-gradient(130deg,#173e5b,#102e48);color:#fff;border-radius:10px;border:1px solid #244d69;font-size:13px} .signin #setup ol{color:var(--ink2);font-size:13px}.signin .key{border-radius:10px;border-color:#cbd5df;background:#ffffffd9} .signin .qr img{border-radius:12px;border:1px solid #cbd5df}.signin .ok{border-radius:10px} /* Admin tool screens (Team, Client portal admin, Booking Desk admin, Studio): quiet glass. */ .tool{font-size:14px} .tool>header{position:relative;z-index:3;background:#ffffffb8;color:var(--ink);border-bottom:1px solid #fff;backdrop-filter:blur(22px);padding:18px 32px;min-height:74px;gap:10px 18px} .tool>header b{font:600 22px/1.2 var(--serif);letter-spacing:-.03em;color:var(--ink)}.tool>header b span{color:var(--gold-d)} .tool>header a{color:#445c70;font-size:12px}.tool>header a:hover{color:#123d62}.tool>header .mmn-me{color:#496175;font-size:12px} .tool>header a[aria-current=page]{color:#153c5a;font-weight:700;text-decoration-color:#b58439} .tool .wrap{max-width:1376px;padding:28px 32px 64px;gap:22px} .tool #detail{max-width:none;margin:0;padding:0;gap:18px} .tool .c{background:var(--glass);border:1px solid var(--glass-border);box-shadow:var(--shadow);backdrop-filter:blur(20px);border-radius:var(--r-card);padding:22px 24px;gap:12px} .tool .cl{background:#ffffffc9;border:1px solid #dce4ea;border-radius:12px;padding:12px 14px;box-shadow:none;min-height:0;font-size:14px;color:var(--ink)} .tool .cl:hover{background:#fff;border-color:#a9bdcc} .tool .cl[aria-current="true"]{border:1px solid #d2b57f;box-shadow:inset 3px 0 0 #b58439;background:#fffaf0} .tool h2{font-size:22px}.tool h3{font-size:18px} .tool button.p,.tool .b.p{background:linear-gradient(130deg,#163e5b,#0d2a44);color:#fff;border:1px solid #143951} .tool button.p:hover,.tool .b.p:hover{background:#173e5c;color:#fff} .tool button.g,.tool .b.g{background:var(--grad);color:#122b40;border:1px solid #e2bb76} .tool button.d{border-color:#843b37;color:#843b37} .tool .pill{font-size:11px} .tool .linkbox{background:#fff7e3;border:1px solid #e6c993;border-radius:10px} .tool .note{background:#f2f5f8a3;border:1px dashed #b9cad8;border-radius:10px;color:#40586b} .tool .m{border-radius:12px}.tool .m.you{border-color:#dce4ea}.tool .m.joe{background:var(--navy);color:#fff} .tool .perm{border-color:#dce4ea;border-radius:10px;background:#ffffffa6} .tool th{font-size:11px}.tool td{font-size:13px} .tool #toast{border-radius:12px;background:#153953} /* Studio */ .studio main{max-width:1376px;padding:28px 32px 64px;display:block} .studio h1{font:550 38px/1.1 var(--serif);margin:4px 0 6px} .studio .card{padding:20px 22px;gap:12px;margin-bottom:18px} .studio .tab{border-radius:999px;border:1px solid #8193a1;background:#ffffff8a;color:#334f63;font-size:12px;min-height:38px;padding:0 15px} .studio .tab[aria-pressed=true]{background:linear-gradient(130deg,#163e5b,#0d2a44);color:#fff;border-color:#143951} .studio .ep{background:#ffffffc9;border:1px solid #dce4ea;border-radius:10px;padding:10px 12px;min-height:0;font-size:14px} .studio .ep[aria-current=true]{border-color:#d2b57f;background:#fff7e3;box-shadow:inset 3px 0 0 #b58439} .studio .grp{font-size:10px;letter-spacing:.12em;color:#4d6375} .studio label{color:var(--ink2);font-size:12px} .studio .err{color:#843b37}.studio .okc{color:#205742} @media(max-width:600px){.tool>header{padding:16px}.tool .wrap{padding:20px 16px 48px}.tool .c{padding:18px}.studio main{padding:22px 16px 48px}.studio h1{font-size:32px}} /* Client portal: a one-column hero keeps its text on the hero bed (the frosted box is for the right-hand progress column). */ .portal .hero>div:only-child{padding:0;background:none;border:0;box-shadow:none;backdrop-filter:none;font-size:inherit;border-radius:0} /* Booking Desk inline pieces (desk.html