/* WO-031 extends the accepted Odoo shell, tokens and controls. */
.applications-page .apps-artwork-opening .apps-opening-grid{grid-template-columns:.85fr 1.15fr;gap:40px}
.applications-page .apps-artwork img{display:block;width:100%;height:auto;border-radius:12px}
@media(max-width:850px){.applications-page .apps-artwork-opening .apps-opening-grid{gap:24px}}
@media(max-width:650px){.applications-page .apps-artwork-opening .apps-opening-grid{grid-template-columns:1fr}}
.applications-page .apps-opening{background:var(--hero);color:#fff;padding-block:56px 44px}
.applications-page .apps-opening-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.applications-page .apps-opening h1{font-size:clamp(44px,4.5vw,64px);line-height:1.07;max-width:12ch}
.applications-page .apps-opening-copy>p{font-size:18px;line-height:1.65;margin-block-start:25px;max-width:48ch}
.applications-page .apps-actions{display:flex;flex-wrap:wrap;gap:12px;margin-block-start:28px}
.applications-page .apps-opening .primary{background:#fff;color:#00609f}
.applications-page .apps-opening .primary:hover{background:#e7f2f8}
.applications-page .apps-opening .secondary{border-color:#fff;color:#fff}
.applications-page .apps-opening .secondary:hover{background:#ffffff15}
.applications-page .apps-opening :focus-visible{outline-color:#fff}
.applications-page .apps-example{margin:0;min-width:0}
.applications-page .apps-workspace{background:var(--paper);color:var(--ink);border-radius:12px;overflow:hidden;box-shadow:0 20px 44px #00345038}
.applications-page .apps-workspace-bar{padding:18px 24px;border-block-end:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px}
.applications-page .apps-workspace-bar>span{font-variant-numeric:tabular-nums;color:var(--muted);font-size:12px}
.applications-page .apps-workspace-content{padding:26px}
.applications-page .apps-status{display:inline-block;background:var(--soft);color:var(--link);font-size:12px;font-weight:600;padding:4px 10px;border-radius:4px}
.applications-page .apps-workspace h2{font-size:29px;line-height:1.2;margin-block:12px 20px;max-width:18ch;letter-spacing:-.02em}
.applications-page .apps-record{margin:0;display:grid;gap:0}
.applications-page .apps-record>div{display:flex;justify-content:space-between;gap:20px;padding-block:10px;border-block-end:1px solid var(--line)}
.applications-page .apps-record dt{font-size:13px;color:var(--muted)}
.applications-page .apps-record dd{font-size:14px;font-weight:600;margin:0;text-align:end}
.applications-page .apps-progress{display:grid;grid-template-columns:repeat(3,1fr);list-style:none;margin:24px 0 20px;padding:0;font-size:12px;color:var(--muted)}
.applications-page .apps-progress li{position:relative;display:grid;gap:8px;justify-items:center;text-align:center}
.applications-page .apps-progress li:not(:last-child)::after{content:"";position:absolute;inset-block-start:7px;inset-inline-start:calc(50% + 10px);width:calc(100% - 20px);height:1px;background:var(--line)}
.applications-page .apps-progress span{width:15px;height:15px;background:var(--link);border-radius:50%}
.applications-page .apps-progress li:last-child span{background:var(--soft);border:1px solid var(--line)}
.applications-page .apps-workspace-note{font-size:13px;line-height:1.6;background:var(--soft);padding:14px;border-radius:5px}
.applications-page .apps-example figcaption{font-size:12px;color:#fff;margin-block-start:12px}
.applications-page .apps-services{padding-block:50px}
.applications-page .apps-services>h2{max-width:24ch;margin-block-end:26px}
.applications-page .apps-service-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:28px}
.applications-page .apps-service{grid-column:span 2;min-width:0;padding-block:4px 0}
.applications-page .apps-service h3{font-size:25px;line-height:1.25;max-width:22ch}
.applications-page .apps-service p{font-size:16px;line-height:1.65;margin-block-start:12px;color:var(--muted)}
.applications-page .apps-service-lead{grid-column:span 3;background:var(--soft);padding:26px;border-radius:10px}
.applications-page .apps-service-lead h3{font-size:30px;color:var(--link)}
.applications-page .apps-integrations{background:var(--soft);padding-block:46px}
.applications-page .apps-integration-heading{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;margin-block-end:28px}
.applications-page .apps-integration-heading h2{max-width:19ch}
.applications-page .apps-integration-heading>p{max-width:55ch;color:var(--muted)}
.applications-page .apps-connections{border-block-start:1px solid var(--line)}
.applications-page .apps-connection{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:48px;padding-block:23px;border-block-end:1px solid var(--line)}
.applications-page .apps-connection h3{font-size:23px}
.applications-page .apps-connection p{margin-block-start:8px;max-width:57ch;font-size:15px;color:var(--muted)}
.applications-page .apps-flow{display:grid;grid-template-columns:minmax(0,1fr) 32px minmax(0,1fr);align-items:center;gap:12px;padding:18px 20px;background:var(--paper);border-radius:12px;font-size:15px;text-align:center}
.applications-page .apps-flow span{min-width:0;font-weight:400;line-height:1.5}
.applications-page .apps-flow span:last-child{color:var(--link);font-weight:600}
.applications-page .apps-flow svg{display:block;width:32px;height:20px;fill:none;stroke:var(--link);stroke-width:1.5}
[dir=rtl] .applications-page .apps-flow svg{transform:scaleX(-1)}
.applications-page .apps-integration-end{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-block-start:25px}
.applications-page .apps-integration-end p{color:var(--muted);max-width:65ch;font-size:14px}
.applications-page .apps-integration-end .primary{flex-shrink:0}
.applications-page .apps-process{padding-block:48px}
.applications-page .apps-process h2{margin-block-end:26px}
.applications-page .apps-steps{list-style:none;counter-reset:delivery;display:grid;grid-template-columns:repeat(3,1fr);gap:34px;padding:0;margin:0}
.applications-page .apps-steps li{counter-increment:delivery;position:relative;padding-inline-start:36px}
.applications-page .apps-steps li::before{content:counter(delivery);position:absolute;inset-inline-start:0;inset-block-start:1px;color:var(--link);font-family:Outfit,Cairo,sans-serif;font-size:22px}
.applications-page .apps-steps h3{font-size:22px}
.applications-page .apps-steps p{font-size:15px;line-height:1.6;color:var(--muted);margin-block-start:10px}
.applications-page .apps-faq{display:grid;grid-template-columns:1fr;gap:24px;padding-block:12px 48px}
.applications-page .apps-faq h2{max-width:none}
.applications-page .apps-faq details{border-block-end:1px solid var(--line)}
.applications-page .apps-faq details:first-child{border-block-start:1px solid var(--line)}
.applications-page .apps-faq summary{display:flex;justify-content:space-between;gap:20px;align-items:center;cursor:pointer;list-style:none;min-height:62px;padding-block:14px;font-weight:600;font-size:16px}
.applications-page .apps-faq summary::-webkit-details-marker{display:none}
.applications-page .apps-faq summary svg{width:18px;height:18px;flex-shrink:0;stroke:var(--link);stroke-width:1.5;fill:none}
.applications-page .apps-faq details[open] summary svg{transform:rotate(45deg)}
.applications-page .apps-faq details>p{color:var(--muted);font-size:15px;margin-block:0 18px;max-width:62ch}
.applications-page .apps-closing{background:var(--soft);padding-block:35px}
.applications-page .apps-closing>.wrap{display:flex;justify-content:flex-start;align-items:center;gap:48px}
.applications-page .apps-closing h2{font-size:32px;max-width:none}
.applications-page .apps-closing p{font-size:16px;color:var(--muted);max-width:60ch;margin-block-start:12px}
.applications-page .apps-closing .primary{flex-shrink:0}
@media(max-width:650px){
 .applications-page .apps-opening-copy{display:contents}
 .applications-page .apps-opening h1{order:1}
 .applications-page .apps-opening .apps-actions{order:2;display:grid;grid-template-columns:1fr 1fr;margin-block-start:0}
 .applications-page .apps-opening .apps-actions a{width:100%;padding:10px;font-size:14px}
 .applications-page .apps-opening .apps-example{order:3}
 .applications-page .apps-opening .apps-opening-copy>p{order:4;margin-block-start:0}
}
[dir=rtl] .applications-page h1,[dir=rtl] .applications-page h2,[dir=rtl] .applications-page h3{letter-spacing:0;line-height:1.5}
[dir=rtl] .applications-page .apps-opening h1{font-size:clamp(39px,4vw,54px);max-width:16ch}
[dir=rtl] .applications-page .apps-opening-copy>p{font-size:17px;line-height:1.85}
@media(max-width:1100px){.applications-page .apps-opening-grid{gap:32px}.applications-page .apps-opening h1{font-size:49px}.applications-page .apps-service-grid{gap:22px}.applications-page .apps-connection,.applications-page .apps-integration-heading{gap:28px}.applications-page .apps-steps{gap:24px}}
@media(max-width:850px){.applications-page .apps-opening-grid{grid-template-columns:1fr 1fr;gap:24px}.applications-page .apps-opening h1{font-size:41px}.applications-page .apps-opening-copy>p{font-size:16px}.applications-page .apps-workspace-content{padding:20px}.applications-page .apps-workspace-bar{padding:14px 20px}.applications-page .apps-workspace h2{font-size:25px}.applications-page .apps-actions{gap:9px}.applications-page .apps-actions a{font-size:14px;padding:11px 14px}.applications-page .apps-service h3{font-size:23px}.applications-page .apps-service-lead h3{font-size:27px}.applications-page .apps-steps{grid-template-columns:1fr;gap:22px}.applications-page .apps-faq{grid-template-columns:1fr;gap:20px}.applications-page .apps-faq h2{max-width:none}.applications-page .apps-integration-end p{max-width:50ch}.applications-page .apps-integration-end{align-items:flex-start}.applications-page .apps-closing>.wrap{align-items:flex-start}.applications-page .apps-closing h2{font-size:29px}}
@media(max-width:650px){.applications-page .apps-opening{padding-block:30px 26px}.applications-page .apps-opening-grid{grid-template-columns:1fr;gap:27px}.applications-page .apps-opening h1{font-size:43px;max-width:16ch}.applications-page .apps-opening-copy>p{font-size:16px;line-height:1.6;margin-block-start:17px}.applications-page .apps-actions{margin-block-start:20px}.applications-page .apps-actions a{min-height:48px}.applications-page .apps-workspace-bar{padding:13px 18px}.applications-page .apps-workspace-content{padding:18px}.applications-page .apps-workspace h2{font-size:26px;margin-block:10px 14px;max-width:none}.applications-page .apps-record>div{padding-block:8px}.applications-page .apps-progress{margin-block:18px 14px}.applications-page .apps-workspace-note{padding:10px 12px}.applications-page .apps-example figcaption{font-size:11px;margin-block-start:8px}.applications-page .apps-services,.applications-page .apps-process{padding-block:32px}.applications-page .apps-services>h2,.applications-page .apps-process h2{font-size:31px;margin-block-end:20px}.applications-page .apps-service-grid{grid-template-columns:1fr;gap:0}.applications-page .apps-service,.applications-page .apps-service-lead{grid-column:auto;padding:21px 0;border-block-end:1px solid var(--line);background:none;border-radius:0}.applications-page .apps-service:first-child{padding-block-start:0}.applications-page .apps-service:last-child{border-block-end:0;padding-block-end:0}.applications-page .apps-service h3,.applications-page .apps-service-lead h3{font-size:25px;max-width:24ch}.applications-page .apps-service p{margin-block-start:8px;font-size:15px}.applications-page .apps-integrations{padding-block:32px}.applications-page .apps-integration-heading{grid-template-columns:1fr;gap:14px;margin-block-end:20px}.applications-page .apps-integration-heading h2{font-size:32px;max-width:20ch}.applications-page .apps-integration-heading p{font-size:15px}.applications-page .apps-connection{grid-template-columns:1fr;gap:15px;padding-block:21px}.applications-page .apps-flow{grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr);gap:8px;padding:16px 12px;font-size:14px}.applications-page .apps-flow svg{width:24px}.applications-page .apps-connection h3{font-size:23px}.applications-page .apps-connection p{font-size:15px}.applications-page .apps-integration-end{display:grid;gap:18px;margin-block-start:21px}.applications-page .apps-integration-end .primary{justify-self:start}.applications-page .apps-process h2{max-width:20ch}.applications-page .apps-steps h3{font-size:22px}.applications-page .apps-steps p{margin-block-start:7px}.applications-page .apps-faq{padding-block:0 32px;gap:18px}.applications-page .apps-faq h2{font-size:30px}.applications-page .apps-faq summary{font-size:15px;gap:15px}.applications-page .apps-closing{padding-block:28px}.applications-page .apps-closing>.wrap{display:grid;gap:20px}.applications-page .apps-closing h2{font-size:30px}.applications-page .apps-closing p{font-size:15px}.applications-page .apps-closing .primary{justify-self:start}[dir=rtl] .applications-page .apps-opening h1{font-size:38px;max-width:17ch}[dir=rtl] .applications-page .apps-opening-copy>p{font-size:15px}[dir=rtl] .applications-page .apps-service h3{font-size:23px}[dir=rtl] .applications-page .apps-workspace h2{font-size:23px}}
@media(max-width:360px){.applications-page .apps-opening h1{font-size:38px}.applications-page .apps-actions{display:grid;grid-template-columns:1fr}.applications-page .apps-actions a{width:100%}.applications-page .apps-workspace-bar{gap:6px;font-size:12px}.applications-page .apps-workspace-bar>span{font-size:11px}.applications-page .apps-record dd{font-size:13px}.applications-page .apps-workspace-content{padding:16px}[dir=rtl] .applications-page .apps-opening h1{font-size:34px}}