/* Raised center action, with two navigation items on each side. */
.quick-action-options{display:grid;gap:12px;margin-top:24px}
.quick-action-options .action-button{width:100%;min-height:58px;font-size:18px}
.quick-add{display:none}
@media(max-width:760px){
.bottom-nav{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 76px minmax(0,1fr) minmax(0,1fr);align-items:center;gap:0;background:var(--surface);border:1px solid var(--line);border-radius:28px;padding:7px 6px;box-shadow:0 12px 36px #102c3033;overflow:visible}
.bottom-nav a{width:100%;min-width:0;background:transparent;color:var(--muted);font-size:13px;padding:4px 1px;min-height:54px;border-radius:17px}
.bottom-nav a.active{background:var(--soft);color:var(--blue)}
.bottom-nav .quick-add{display:grid;place-items:center;position:relative;width:72px;height:72px;margin:-34px auto 0;align-self:center;padding:0;border-radius:50%;border:6px solid var(--surface);background:linear-gradient(145deg,#75bfc0,#245b5d);color:white;box-shadow:0 6px 18px #182b2d30;z-index:1}
.quick-add span{font:400 39px/1 Arial,sans-serif;transform:translateY(-1px)}
.quick-add:active{transform:scale(.96)}
footer{padding-bottom:130px}
}
@media(max-width:360px){.bottom-nav{grid-template-columns:1fr 1fr 66px 1fr 1fr;width:calc(100% - 20px)}.bottom-nav .quick-add{width:66px;height:66px}.bottom-nav a{font-size:12px}}

@media(max-width:760px){
.bottom-nav{isolation:isolate;background:transparent;border:0;box-shadow:none;backdrop-filter:none;min-height:70px}
.bottom-nav::before{content:"";position:absolute;inset:0;border-radius:28px;background:var(--surface);mask-image:radial-gradient(circle 43px at 50% 0,transparent 98%,#000 101%);z-index:-1}
.bottom-nav::after{content:"";position:absolute;inset:12px 12px -3px;border-radius:28px;box-shadow:0 10px 30px #102c3026;z-index:-2;pointer-events:none}
.bottom-nav a:nth-of-type(3){grid-column:4}.bottom-nav a:nth-of-type(4){grid-column:5}
.bottom-nav .quick-add{position:absolute;left:50%;top:-36px;margin:0 0 0 -36px;border:0;width:72px;height:72px;box-shadow:0 7px 18px #245b5d40}
}
@media(max-width:360px){.bottom-nav .quick-add{width:66px;height:66px;top:-33px;margin-left:-33px}.bottom-nav::before{mask-image:radial-gradient(circle 40px at 50% 0,transparent 98%,#000 101%)}}
/* Latest supplied reference: continuous raised center, in the teal palette. */
@media(max-width:760px){
.bottom-nav::before{background:#182b2d;mask-image:none}
.bottom-nav a{color:#bfdad5}.bottom-nav a.active{background:#75bfc026;color:#fff}
.bottom-nav .quick-add{top:-24px;background:#75bfc0;color:#182b2d;box-shadow:0 0 0 9px #182b2d,0 8px 20px #102c302b}
}
@media(max-width:360px){.bottom-nav .quick-add{top:-22px}}

/* Compact floating choices rather than full-width stacked buttons. */
.quick-actions-dialog{width:min(420px,calc(100% - 32px));background:transparent;border:0;box-shadow:none;overflow:visible}
.quick-actions-dialog #dialog-title{text-align:center;font-size:22px;color:var(--ink);background:var(--surface);border-radius:20px;padding:14px;margin:16px 0}
.quick-actions-dialog .dialog-tools{background:var(--surface);border-radius:20px;padding:10px}
.quick-actions-dialog .dialog-close{background:var(--surface)}
.quick-action-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0}
.quick-action-options .action-button{display:flex;flex-direction:column;justify-content:center;gap:12px;padding:18px 6px;min-height:116px;border-radius:22px;font-size:17px;background:var(--surface);color:var(--ink);border:1px solid var(--line);box-shadow:0 8px 22px #0002}
.quick-option-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:15px;background:var(--soft);color:var(--blue)}
.quick-option-icon svg{width:25px;height:25px}
.quick-action-options .action-button:hover{border-color:var(--blue)}


@media(max-width:760px){.bottom-nav::before{background:#173047}.bottom-nav .quick-add{background:#eec967;color:#173047;box-shadow:0 0 0 9px #173047,0 8px 20px #102c302b}.bottom-nav a{color:#d3e0e9}.bottom-nav a.active{background:#eec96722;color:#ffe7a3}}

/* Radial choices fan out above the center action. */
.quick-actions-dialog{position:fixed;inset:auto 0 max(100px,calc(env(safe-area-inset-bottom) + 90px));margin:0 auto;width:330px;max-width:calc(100vw - 16px);height:190px;max-height:none;border-radius:0;padding:0;overflow:visible;background:transparent;box-shadow:none}
.quick-actions-dialog::backdrop{background:#071c2433;backdrop-filter:blur(2px)}
.quick-actions-dialog .dialog-shell{padding:0;overflow:visible;height:100%}
.quick-actions-dialog .dialog-tools{position:absolute;top:-52px;left:0;right:0;justify-content:center;background:transparent;padding:0}
.quick-actions-dialog .dialog-close{top:-48px;inset-inline-end:0;width:40px;height:40px;min-height:40px;border:1px solid var(--line);box-shadow:0 4px 16px #0002}
.quick-actions-dialog #dialog-title{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);padding:0;margin:0}
.quick-action-options{position:relative;display:block;height:190px;margin:0;direction:ltr}
.quick-action-options .action-button{position:absolute;width:106px;height:118px;min-height:0;padding:14px 6px 24px;border-radius:55% 55% 22px 22px;gap:8px;font-size:16px;border:1px solid var(--line);background:var(--surface);box-shadow:0 8px 25px #0002;transition:filter .15s}
.quick-action-options [data-quick-form=job]{left:7px;top:66px;transform:rotate(-38deg)}
.quick-action-options [data-quick-form=complaint]{left:112px;top:2px}
.quick-action-options [data-quick-form=enquiry]{right:7px;top:66px;transform:rotate(38deg)}
.quick-action-options .action-button:hover{filter:brightness(.96)}
.quick-option-icon{width:38px;height:38px;border-radius:50%}
.quick-option-icon svg{width:23px;height:23px}
@media(min-width:761px){.quick-actions-dialog{inset:50% 0 auto;transform:translateY(-50%)}}