.dar-ms-zone-selector{display: grid;gap: 1.5rem;} .dar-ms-zone-selector__hero{display: flex;justify-content: space-between;gap: 1rem;align-items: flex-end;flex-wrap: wrap;} .dar-ms-zone-selector__eyebrow{display: inline-flex;align-items: center;gap: .5rem;font-size: .85rem;font-weight: 700;letter-spacing: .04em;text-transform: uppercase;opacity: .75;} .dar-ms-zone-selector__title{margin: .35rem 0 .4rem;font-size: clamp(1.8rem,3vw,2.8rem);line-height: 1.05;} .dar-ms-zone-selector__lead{margin: 0;max-width: 56rem;opacity: .8;} .dar-ms-zone-selector__ops{display: inline-flex;gap: .5rem;flex-wrap: wrap;} .dar-ms-zone-selector__op,.dar-ms-zone-selector__reset,.dar-ms-zone-selector__submit{border-radius: 999px;padding: .72rem 1.1rem;text-decoration: none;font-weight: 700;border: 1px solid rgba(18,27,44,0.12);background: #fff;color: inherit;} .dar-ms-zone-selector__op.is-active{background: #111827;color: #fff;border-color: #111827;} .dar-ms-zone-selector__notice,.dar-ms-zone-selector__empty{border: 1px solid rgba(18,27,44,0.1);background: rgba(255,255,255,.85);border-radius: 1rem;padding: 1rem 1.1rem;} .dar-ms-zone-selector__toolbar{display: flex;justify-content: space-between;gap: 1rem;flex-wrap: wrap;align-items: center;} .dar-ms-zone-selector__search input{width: min(28rem,86vw);border-radius: 999px;border: 1px solid rgba(18,27,44,0.12);padding: .9rem 1rem;font: inherit;} .dar-ms-zone-selector__layout{display: grid;grid-template-columns: minmax(0,1.9fr) minmax(19rem,.9fr);gap: 1.25rem;} .dar-ms-zone-selector__stage-wrap,.dar-ms-zone-selector__panel{background: rgba(255,255,255,.92);border: 1px solid rgba(18,27,44,0.08);border-radius: 1.25rem;padding: 1rem;box-shadow: 0 18px 50px rgba(15,23,42,0.06);} .dar-ms-zone-selector__stage{width: 100%;height: auto;display: block;} .dar-ms-zone-selector__stage-bg{fill: #f7f9fc;stroke: rgba(18,27,44,.08);stroke-width: 2;} .dar-ms-zone-selector__shape{fill: rgba(0,98,51,.12);stroke: rgba(0,98,51,.75);stroke-width: 2;cursor: pointer;transition: fill .2s ease,stroke .2s ease,transform .2s ease;} .dar-ms-zone-selector__shape:hover,.dar-ms-zone-selector__shape:focus{fill: rgba(0,98,51,.2);outline: none;} .dar-ms-zone-selector__shape.is-selected{fill: rgba(0,98,51,.28);stroke: rgba(0,98,51,.96);} .dar-ms-zone-selector__label{font-size: 18px;font-weight: 700;pointer-events: none;fill: #0f172a;} .dar-ms-zone-selector__chips{display: flex;gap: .65rem;flex-wrap: wrap;margin-top: 1rem;} .dar-ms-zone-selector__chip{border: 1px solid rgba(18,27,44,0.1);background: #fff;border-radius: 999px;padding: .72rem .95rem;display: inline-flex;align-items: center;gap: .6rem;cursor: pointer;font: inherit;} .dar-ms-zone-selector__chip.is-selected{border-color: rgba(0,98,51,.35);background: rgba(0,98,51,.08);} .dar-ms-zone-selector__chip-count{min-width: 2.2rem;text-align: center;border-radius: 999px;padding: .15rem .45rem;background: rgba(18,27,44,0.06);font-size: .85rem;} .dar-ms-zone-selector__panel{display: grid;gap: 1rem;align-content: start;} .dar-ms-zone-selector__panel-head{display: flex;justify-content: space-between;gap: .75rem;align-items: center;} .dar-ms-zone-selector__panel-count{border-radius: 999px;background: rgba(18,27,44,0.06);padding: .3rem .6rem;font-weight: 700;} .dar-ms-zone-selector__selected{list-style: none;margin: 0;padding: 0;display: grid;gap: .55rem;} .dar-ms-zone-selector__selected-item{display: flex;justify-content: space-between;gap: .75rem;align-items: center;padding: .7rem .8rem;border-radius: .95rem;background: rgba(18,27,44,0.04);border: 1px solid rgba(18,27,44,0.08);} .dar-ms-zone-selector__selected-item button{border: 0;background: transparent;cursor: pointer;font: inherit;font-size: 1.15rem;line-height: 1;} .dar-ms-zone-selector__selected-empty{padding: .7rem .8rem;border-radius: .95rem;border: 1px dashed rgba(18,27,44,0.12);opacity: .78;} .dar-ms-zone-selector__submit{width: 100%;background: #006233;color: #fff;border-color: #006233;cursor: pointer;} .dar-ms-zone-selector__submit[disabled]{opacity: .45;cursor: not-allowed;} .dar-ms-zone-selector__hint{margin: 0;opacity: .72;font-size: .92rem;} [data-dar-ms-zone-hidden="1"]{display: none !important;} .dar-ms-zone-selector__compact-head{display: flex;justify-content: space-between;gap: .85rem;align-items: flex-start;flex-wrap: wrap;} .dar-ms-zone-selector__compact-label{display: block;margin-bottom: .25rem;} .dar-ms-zone-selector__compact-lead{margin: 0;font-size: .92rem;opacity: .78;} .dar-ms-zone-selector__compact-actions{display: inline-flex;align-items: center;gap: .55rem;flex-wrap: wrap;} .dar-ms-zone-selector__launch,.dar-ms-zone-selector__inline-reset{text-decoration: none;font-weight: 700;} .dar-ms-zone-selector__selection-meta{font-size: .92rem;opacity: .8;} .dar-ms-zone-selector__embedded-box{display: grid;gap: .8rem;border-top: 1px solid rgba(18,27,44,0.08);padding-top: .8rem;} .dar-ms-zone-selector__panel--embedded{display: grid;gap: .7rem;} .dar-ms-zone-selector--embedded{display: grid;gap: .85rem;border: 1px solid rgba(18,27,44,0.08);border-radius: 1rem;padding: .9rem;background: rgba(255,255,255,.82);box-shadow: none;} .dar-ms-zone-selector--embedded .dar-ms-zone-selector__toolbar{display: grid;gap: .7rem;align-items: stretch;} .dar-ms-zone-selector--embedded .dar-ms-zone-selector__search input{width: 100%;} .dar-ms-zone-selector--embedded .dar-ms-zone-selector__chips{display: grid;gap: .55rem;margin-top: 0;max-height: 16rem;overflow: auto;} .dar-ms-zone-selector--embedded .dar-ms-zone-selector__chip{width: 100%;justify-content: space-between;} .dar-ms-zone-selector--embedded .dar-ms-zone-selector__selected-item,.dar-ms-zone-selector--embedded .dar-ms-zone-selector__selected-empty{background: rgba(18,27,44,0.03);} .dar-ms-zone-selector__hint--embedded{margin: 0;font-size: .88rem;opacity: .76;} .dar-ms-zone-selector__inline-summary{display: flex;flex-wrap: wrap;gap: .45rem;} .dar-ms-zone-selector__inline-chip{display: inline-flex;align-items: center;gap: .35rem;border-radius: 999px;padding: .38rem .7rem;border: 1px solid rgba(18,27,44,0.1);background: rgba(255,255,255,.9);font-size: .86rem;line-height: 1.2;} .dar-ms-zone-selector__inline-chip.is-empty{border-style: dashed;opacity: .72;} .dar-ms-zone-selector__embedded-panel{display: grid;gap: .8rem;padding-top: .1rem;} .dar-ms-zone-selector__embedded-panel:not(.is-open){display: none;} .dar-ms-zone-selector__compact-copy{display: grid;gap: .2rem;} .dar-ms-zone-selector__launch{display: inline-flex;align-items: center;justify-content: center;padding: .6rem .95rem;border-radius: 999px;border: 1px solid rgba(18,27,44,0.12);background: #111827;color: #fff;cursor: pointer;} .dar-ms-zone-selector__launch--ghost{background: #fff;color: inherit;} .dar-ms-zone-selector__inline-reset{color: inherit;opacity: .78;} .dar-ms-zone-selector--embedded .dar-ms-zone-selector__panel--embedded{padding: .85rem;border-radius: 1rem;background: rgba(18,27,44,0.02);box-shadow: none;} .dar-ms-zone-selector--embedded .dar-ms-zone-selector__compact-lead{max-width: 44ch;} .dar-ms-zone-selector--embedded .dar-ms-zone-selector__inline-summary{align-items: flex-start;} @media (max-width: 960px){.dar-ms-zone-selector__layout{grid-template-columns: 1fr;} .dar-ms-zone-selector__compact-actions{width: 100%;} .dar-ms-zone-selector__launch{flex: 1 1 auto;}} @media (max-width: 980px){.dar-ms-zone-selector--embedded{gap: 12px;padding: 14px;border-radius: 26px;background: #fff;border: 1px solid rgba(18,27,44,0.08);} .dar-ms-zone-selector--embedded .dar-ms-zone-selector__inline-summary{gap: .5rem;} .dar-ms-zone-selector--embedded .dar-ms-zone-selector__inline-chip{max-width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .dar-ms-zone-selector--embedded .dar-ms-zone-selector__compact-copy{gap: 8px;} .dar-ms-zone-selector--embedded .dar-ms-zone-selector__compact-copy strong{font-size: 15px;font-weight: 900;} .dar-ms-zone-selector--embedded .dar-ms-zone-selector__compact-lead,.dar-ms-zone-selector--embedded .dar-ms-zone-selector__selection-meta,.dar-ms-zone-selector--embedded .dar-ms-zone-selector__hint--embedded{font-size: 14px;line-height: 1.55;} .dar-ms-zone-selector--embedded .dar-ms-zone-selector__toolbar{gap: 12px;} .dar-ms-zone-selector--embedded .dar-ms-zone-selector__launch{min-height: 56px;border-radius: 22px;font-size: 17px;font-weight: 900;} .dar-ms-zone-selector--embedded .dar-ms-zone-selector__search input{min-height: 56px;border-radius: 22px;padding: 0 18px;font-size: 17px;} .dar-ms-zone-selector--embedded .dar-ms-zone-selector__embedded-box{padding-top: 12px;margin-top: 2px;} .dar-ms-zone-selector--embedded .dar-ms-zone-selector__panel--embedded{padding: 12px;border-radius: 20px;background: rgba(18,27,44,.03);} .dar-ms-zone-selector--embedded .dar-ms-zone-selector__selected-item,.dar-ms-zone-selector--embedded .dar-ms-zone-selector__selected-empty{min-height: 52px;padding: 12px 14px;border-radius: 18px;} .dar-ms-zone-selector--embedded .dar-ms-zone-selector__chip{min-height: 52px;padding: 10px 14px;border-radius: 18px;}}