.activity-context{display:flex;flex-wrap:wrap;gap:18px;margin-bottom:20px}.activity-context label{flex:1;min-width:200px}#activityForm label,.activity-context label{display:flex;flex-direction:column;gap:8px;font-weight:600}#activityForm>label{max-width:420px}#activityModules{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;margin:20px 0}#activityModules label{padding:16px;background:#f0f6fd;border:1px solid #d0e1f3;border-radius:10px}#activityModules small{font-weight:400;color:#506b85}.activity-context select,#activityForm select{min-height:44px;padding:8px;border:1px solid #bcd2eb;border-radius:8px;background:#fff;color:#143a61}#activityForm p{line-height:1.6;color:#4c6782}[data-activity-hidden="true"]{display:none!important}
/* Activity page controls follow the SOTYM blue interface. */
.sf-activity-page .activity-context select,.sf-activity-page #activityForm select{appearance:none;-webkit-appearance:none;box-sizing:border-box;display:block;width:100%;height:46px;min-height:46px;padding:10px 52px 10px 14px;border:1px solid #aecbf1;border-radius:8px;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44' viewBox='0 0 44 44'%3E%3Cpath d='M0 0H44V44H0Z' fill='%23edf5ff'/%3E%3Cpath d='M.5 0V44' stroke='%23c8dcf5'/%3E%3Cpath d='m17 20 5 5 5-5' fill='none' stroke='%230770df' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right center;background-size:44px 44px;color:#153a63;font:inherit;font-size:14px;font-weight:500;line-height:1.35;cursor:pointer;box-shadow:0 1px 2px #123e6505;transition:border-color .15s,box-shadow .15s}
.sf-activity-page .activity-context select:hover,.sf-activity-page #activityForm select:hover{border-color:#468fdf}.sf-activity-page .activity-context select:focus-visible,.sf-activity-page #activityForm select:focus-visible{outline:3px solid #75b7ff66;outline-offset:2px;border-color:#087cf0}.sf-activity-page select:disabled{opacity:.6;cursor:default;background-color:#f2f5f9}.sf-activity-page #activityModules label{display:grid;grid-template-rows:minmax(44px,auto) 46px auto;align-content:start;gap:10px;padding:18px}.sf-activity-page #activityModules small{font-size:13px}.sf-activity-page #activitySave{appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:46px;margin:0;padding:12px 22px;border:1px solid #076ad6;border-radius:8px;background:linear-gradient(180deg,#1686f5,#0872df);color:#fff;font:inherit;font-size:14px;font-weight:700;line-height:1.35;text-decoration:none;cursor:pointer;box-shadow:0 4px 10px #087cf023;transition:background .15s,box-shadow .15s}.sf-activity-page #activitySave:hover{background:#0867cc;box-shadow:0 5px 14px #087cf02e}.sf-activity-page #activitySave:focus-visible{outline:3px solid #75b7ff;outline-offset:3px}.sf-activity-page #activitySave:disabled{opacity:.55;cursor:default;box-shadow:none}.sf-activity-page #activitySave[hidden]{display:none!important}.sf-activity-page #activityMessage:empty{display:none}.sf-activity-page #activityForm{padding-bottom:24px}@media(max-width:640px){.sf-activity-page .activity-context{gap:14px}.sf-activity-page .activity-context label{min-width:0;flex-basis:100%}.sf-activity-page #activityModules{grid-template-columns:1fr}.sf-activity-page #activityModules label{grid-template-rows:auto 46px auto}.sf-activity-page #activitySave{width:100%}}

/* An HTML arrow stays visible when global CSS resets select backgrounds. */
.sf-activity-page .sf-activity-select{position:relative;display:block;min-width:0;width:100%;height:46px;isolation:isolate}
.sf-activity-page .sf-activity-select::after{content:"";position:absolute;z-index:1;right:0;top:1px;bottom:1px;width:43px;border-left:1px solid #c8dcf5;border-radius:0 7px 7px 0;background:#edf5ff;pointer-events:none}
.sf-activity-page .sf-activity-select::before{content:"";position:absolute;z-index:2;right:17px;top:17px;width:8px;height:8px;border-right:2px solid #0770df;border-bottom:2px solid #0770df;transform:rotate(45deg);pointer-events:none}
.sf-activity-page .sf-activity-select>select{appearance:none!important;-webkit-appearance:none!important;background-image:none!important;padding-right:52px!important;height:46px!important;width:100%!important}
.sf-activity-page .sf-activity-select:has(>select:disabled)::before,.sf-activity-page .sf-activity-select:has(>select:disabled)::after{opacity:.45}