/* Product illustrations: card, field and tab proportions follow the real app. */
.ob-shell{position:absolute;inset:16px 14px 12px;border:1px solid #DDE3DF;border-radius:18px;background:#FAFAF9;overflow:hidden;box-shadow:0 12px 32px -20px #19352944;font:14px/1.5 'DM Sans',sans-serif;color:#111827}
.ob-chrome{height:34px;display:flex;align-items:center;gap:5px;padding:0 16px;border-bottom:1px solid #E5E7EB;background:#fff;position:relative;z-index:3}.ob-chrome i{width:6px;height:6px;border-radius:50%;background:#D8DEDA}.ob-chrome span{margin:auto;font-size:10px;color:#87928A;letter-spacing:.04em}
.ob-scene{position:absolute;inset:34px 0 0;background:#FAFAF9}.ob-scroll{position:absolute;inset:0 0 70px;overflow:hidden}.ob-content{padding:26px 26px 24px}.ob-content h2{font:700 27px/1.2 'DM Sans',sans-serif;letter-spacing:-.4px;margin:0 0 9px}.ob-content h3{font-size:16px;font-weight:600;line-height:1.4;margin:0 0 8px}.ob-content p{font-size:13px;line-height:1.55;color:#6B7280;margin:0 0 16px}.ob-card{padding:20px;border:1px solid #E5E7EB;border-radius:16px;background:#fff;margin-top:20px}.ob-card>p:last-child{margin-bottom:0}.ob-row{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}.ob-row>*{min-width:0}.ob-field{margin:12px 0}.ob-field label,.ob-label{display:block;font-size:12px;color:#4B5563;margin-bottom:6px}.ob-input{position:relative;border:1px solid #E5E7EB;border-radius:8px;background:#fff;padding:10px 12px;min-height:41px;font-size:14px;display:flex;justify-content:space-between;gap:10px;overflow-wrap:anywhere}.ob-input--area{min-height:85px;align-items:start}.ob-input [data-placeholder]:empty:before{content:attr(data-placeholder);color:#9CA3AF}.ob-focused{outline:2px solid #16A34A;outline-offset:-1px}.ob-focused [data-fill]:after{content:'';display:inline-block;height:15px;border-right:1.5px solid #16A34A;vertical-align:-2px;margin-left:1px}.ob-footer{position:absolute;bottom:0;left:0;right:0;min-height:70px;padding:12px 26px;background:#FAFAF9;border-top:1px solid #E5E7EB;display:flex;align-items:center;justify-content:flex-end;gap:14px}.ob-primary{padding:11px 18px;border-radius:8px;background:#16A34A;color:white;font-size:14px;font-weight:600}.ob-save-status{color:#16A34A;font-size:12px}.ob-scroll-action{background:none;color:#16A34A}.ob-secondary{display:inline-flex;align-items:center;justify-content:center;padding:9px 12px;min-height:40px;font-size:12px;border:1px solid #E5E7EB;background:white;border-radius:8px;color:#374151;white-space:normal}.ob-row>.ob-secondary{margin-top:35px}.ob-airo{height:26px;margin:0 0 14px}.ob-eyebrow{display:block;font-size:10px;letter-spacing:.05em;color:#6B7280;margin-bottom:10px}.ob-logos{display:flex;align-items:center;gap:12px}.ob-logo{padding:14px 12px;background:#fff;border-radius:12px;border:1px solid #E5E7EB;min-width:106px;min-height:76px;display:grid;place-items:center;color:#268DA0}.ob-logo b{font-size:22px;font-style:italic;letter-spacing:-1px;line-height:1.2}.ob-logo span{display:block;font-size:7px;letter-spacing:.14em;font-style:normal;margin-top:5px}.ob-logo--dark{background:#244A60;color:#fff}.ob-logos>div:last-child{flex:1}.ob-logos p{font-size:11px;margin:8px 0 0}.ob-colours{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.ob-swatch{padding:6px;border:2px solid transparent;border-radius:10px;font-size:11px;color:#374151}.ob-swatch>span{display:block;height:28px;border-radius:6px;margin-bottom:5px}.ob-selected{border-color:#16A34A}.ob-report{padding:16px 20px;border-radius:6px;background:#6BBAD9;color:#fff;margin-top:15px}.ob-report small{font-size:8px;letter-spacing:.08em;display:block}.ob-report b{font-size:18px;display:block;margin:5px 0}.ob-report>span{font-size:10px}.ob-signature{border:1px solid #E5E7EB;border-radius:12px;padding:20px;font-size:13px;line-height:1.6}.ob-signature>small{display:block;color:#9CA3AF;font-size:11px}.ob-signature>strong{display:block;margin-top:18px;min-height:22px}.ob-signature p{font-size:12px;color:#111827;margin-top:14px}.ob-signature em{font-style:normal;color:#2681CE}.ob-signature .ob-logo{border:0;justify-content:start;min-height:62px;padding:0;margin:14px 0}.ob-signature>i{display:block;color:#4B5563;margin-top:12px;min-height:20px}.ob-signature hr{border:0;border-top:1px solid #E5E7EB;margin:14px 0}.ob-chips{display:flex;flex-wrap:wrap;gap:6px}.ob-chips>span{padding:7px 10px;border-radius:8px;background:#F3F4F6;font-size:11px;color:#374151}.ob-chips>.ob-chip-on{color:#15803D;background:#DCFCE7}.ob-task{display:flex;gap:12px;padding:11px 12px;border-radius:8px;background:#F9FAFB;font-size:12px;color:#374151;margin-top:10px}.ob-task>span{margin-left:auto;color:#9CA3AF}.ob-member{display:flex;align-items:center;gap:12px;padding:14px;background:#F9FAFB;border:1px solid #E5E7EB;border-radius:12px}.ob-member small{display:block;font-size:11px;color:#9CA3AF}.ob-member strong{font-size:12px;padding:5px 9px;border-radius:8px;background:#E6F7EE;color:#15803D;margin-left:auto}.ob-avatar{padding:8px 12px;background:#3B82F6;color:white;border-radius:8px;font-weight:600}.ob-hint{font-size:11px!important;color:#9CA3AF!important;margin-top:14px!important}.ob-invite{border:1px dashed #D1D5DB;border-radius:12px;padding:18px;margin-top:20px}.ob-invite p{font-size:11px;margin:12px 0 0}.ob-notice{padding:12px;background:#EFF6FF;border:1px solid #BFDBFE;border-radius:8px;color:#2563EB;font-size:12px;margin:16px 0}.ob-notice--green{background:#F0FDF4;border-color:#BBF7D0;color:#15803D}.ob-tabs{margin:18px 0;overflow:hidden;border-bottom:1px solid #E5E7EB}.ob-tabs>div{display:flex;width:max-content}.ob-tabs span{font-size:11px;font-weight:600;white-space:nowrap;padding:12px 9px;color:#6B7280;border-bottom:2px solid transparent}.ob-tabs .ob-tab-active{color:#111827;border-bottom-color:#16A34A}.ob-blurb{font-size:12px!important}.ob-template{border:1px solid #E5E7EB;border-radius:8px;padding:14px;font-size:12px;color:#374151}.ob-disclosure{border:1px solid #E5E7EB;border-radius:8px;font-size:12px;padding:12px;margin-top:10px}.ob-disclosure>span{float:right;color:#9CA3AF}.ob-help{padding:10px 12px;font-size:12px;line-height:1.8}.ob-danger{color:#EF4444;border-color:#FECACA}.ob-mail{padding:24px;border:1px solid #E5E7EB;border-radius:10px;margin:16px 0}.ob-mail>small{font-size:10px;color:#9CA3AF}.ob-mail h3{margin-top:16px}.ob-menu{position:absolute;z-index:2;background:#fff;border:1px solid #D1D5DB;box-shadow:0 12px 24px #10281d18;border-radius:10px;padding:6px;width:230px}.ob-menu>span{display:block;padding:9px 12px;font-size:12px}.ob-menu>span:nth-child(2){background:#EAF3ED;color:#15803D;border-radius:6px}
.ob-narrow .ob-content{padding:20px 18px}.ob-narrow .ob-content h2{font-size:23px}.ob-narrow .ob-card{padding:16px;margin-top:16px}.ob-narrow .ob-row{grid-template-columns:1fr;gap:0}.ob-narrow .ob-row>.ob-secondary{margin-top:4px;justify-self:start}.ob-narrow .ob-colours{grid-template-columns:repeat(3,1fr)}.ob-narrow .ob-logos{flex-wrap:wrap}.ob-narrow .ob-logos>div:last-child{flex-basis:100%}.ob-narrow .ob-logo{min-width:115px}.ob-narrow .ob-signature{margin-top:14px}.ob-narrow .ob-footer{padding:12px 18px}.ob-narrow .ob-content p{font-size:13px}.ob-narrow .ob-tabs span{font-size:12px}.ob-narrow .ob-input{font-size:14px;min-height:44px}.ob-narrow .ob-card h3{font-size:16px}.ob-narrow .ob-logos p{font-size:11px}.ob-narrow .ob-row .ob-input[data-action]{margin-top:12px}
@media(prefers-reduced-motion:reduce){.ob-shell *{transition:none;animation:none}}