/* Shared portal shell: restrained surfaces, app colours, classic typography. */
body.portal-modern { --green: #00e68c; --black: #15171c; --panel: #fff; --muted: #727883; --line: #e5e8ed; --purple: #7751db; color-scheme: light; font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; color: #20242c; background: #f6f7f9; background-image: none; }
body.portal-modern::before { display: none; }
body.portal-modern *, body.portal-modern *::before, body.portal-modern *::after { box-sizing: border-box; }
body.portal-modern [hidden] { display: none !important; }
body.portal-modern :is(h1,h2,h3,h4,button,label,summary,th,td,input,select,textarea,legend) { font-family: inherit !important; }
body.portal-modern :is(h1,h2,h3,h4) { text-transform: none; letter-spacing: -.025em; font-weight: 700; color: #15171c; }
body.portal-modern h1 { font-size: 32px !important; line-height: 1.2; }
body.portal-modern h2 { font-size: 23px !important; }
body.portal-modern h3 { font-size: 20px !important; }
body.portal-modern.portal-connected :is(h1,h2,h3,h4) { font-weight: 700 !important; }
body.portal-modern p { line-height: 1.55; }
body.portal-modern .topbar { position: sticky; top: 0; z-index: 30; min-height: 72px; height: 72px; padding: 12px 28px; gap: 16px; justify-content: flex-start; background: #fff; color: #20242c; border: 0; border-bottom: 1px solid #e5e8ed; box-shadow: none; }
body.portal-modern .brand { gap: 10px; color: #15171c; }
body.portal-modern .brand span { font-family: inherit; font-size: 21px; font-weight: 850; letter-spacing: -.05em; }
body.portal-modern .brand-logo { width: 34px; height: 34px; }
.portal-beta-badge { padding: 6px 9px; border-radius: 7px; background: #00e68c; color: #102a20; font-size: 11px; font-weight: 700; }
#portal-context { margin-left: 38px; padding-left: 24px; border-left: 1px solid #e5e8ed; color: #69707b; font-size: 14px; }
body.portal-modern main { width: 100%; max-width: 1600px; margin: 0 auto; padding: 32px; }
body.portal-modern.portal-connected main { margin-left: 232px; width: calc(100% - 232px); max-width: none; padding: 28px 32px 48px; }
body.portal-modern #session-nav { position: fixed; top: 72px; bottom: 0; left: 0; width: 232px; display: flex; flex-direction: column; align-items: stretch; justify-content: flex-start; gap: 8px; padding: 24px 14px 18px; border-right: 1px solid #e5e8ed; background: #f2f4f6; color: #20242c; overflow-y: auto; }
body.portal-modern #session-nav button { width: 100%; display: flex; align-items: center; justify-content: flex-start; min-height: 44px; gap: 12px; padding: 10px 14px; border: 0 !important; border-radius: 9px; background: transparent !important; color: #414752 !important; font-size: 13px; font-weight: 500; text-transform: none; letter-spacing: 0; box-shadow: none !important; }
body.portal-modern #session-nav button::before { content: ''; width: 19px; height: 19px; background: currentColor; mask: var(--nav-icon) center / contain no-repeat; }
#account-button { --nav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='1.8' d='M3 10l9-7 9 7v11h-6v-7H9v7H3z'/%3E%3C/svg%3E"); }
#admin-button { --nav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='1.8' d='M12 8v13M8 21h8M5 5a10 10 0 000 14M19 5a10 10 0 010 14'/%3E%3Ccircle cx='12' cy='6' r='3' fill='none' stroke='black' stroke-width='1.8'/%3E%3C/svg%3E"); }
#licenses-button { --nav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='7' cy='8' r='5'/%3E%3Cpath d='M10.5 11.5L21 22M17 18l3-3M14 15l3-3'/%3E%3C/g%3E%3C/svg%3E"); }
#editorial-button { --nav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='13' rx='2'/%3E%3Cpath d='M12 16v5M8 21h8M3 7h18'/%3E%3C/g%3E%3C/svg%3E"); }
#podcast-submissions-button { --nav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='1.8' d='M7 17V5l13-2v12M7 9l13-2'/%3E%3Cellipse cx='4' cy='18' rx='3' ry='3' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cellipse cx='17' cy='16' rx='3' ry='3' fill='none' stroke='black' stroke-width='1.8'/%3E%3C/svg%3E"); }
body.portal-modern #session-nav button:hover { background: #e8ecef !important; }
body.portal-modern #session-nav button.portal-nav-active { background: #d6f8eb !important; color: #075d40 !important; font-weight: 650; }
body.portal-modern #session-email { margin-top: auto; padding: 18px 10px 6px; border-top: 1px solid #e0e4e8; font-size: 11px; color: #727883; overflow-wrap: anywhere; }
body.portal-modern #logout-button { font-size: 12px; }
body.portal-modern #logout-button::before { display: none; }
body.portal-modern :is(.page-heading, #licenses-view > .page-heading, #admin-view > .page-heading, #editorial-view > .page-heading, #podcast-submissions-view > .page-heading) { padding: 0; margin-bottom: 24px; border: 0; background: transparent; box-shadow: none; }
body.portal-modern .page-heading .eyebrow { background: transparent !important; padding: 0 !important; color: #727883 !important; font-size: 10px !important; font-weight: 600; }
body.portal-modern #licenses-view > .page-heading { align-items: center; }
body.portal-modern #licenses-view > .page-heading .license-admin-toolbar { align-items: center; gap: 12px; }
body.portal-modern #licenses-view > .page-heading .license-admin-toolbar label { display: flex; align-items: center; gap: 10px; font-size: 12px; }
body.portal-modern #licenses-view > .page-heading #license-status-filter { width: 190px; min-height: 40px; }
body.portal-modern #licenses-view > .page-heading #license-count { min-width: 38px; height: 32px; border-radius: 8px; background: #d6f8eb; color: #086846; font-size: 12px; }
body.portal-modern :is(.card,.dialog-card,.radio-card,.empty-state,.metric,.account-member-card,.account-member-panel,.account-admin,.submission-admin,.license-admin,.editorial-form,.editorial-pages,.table-shell,.station-network-panel,.station-member,.station-invite-form,.editorial-item,.editorial-section,.editorial-live-preview,.podcast-manager,.app-access-policy-card) { border: 1px solid #e5e8ed !important; border-radius: 14px !important; background: #fff; color: #20242c; box-shadow: 0 2px 8px #1d243504 !important; }
body.portal-modern :is(.license-admin,.account-admin,.submission-admin,.editorial-form,.station-network-panel) { padding: 22px; }
body.portal-modern :is(button,.secondary,.primary) { min-height: 36px; padding: 9px 14px; border: 1px solid #dfe3e8 !important; border-radius: 9px !important; background: #fff !important; color: #303640 !important; box-shadow: none !important; font-size: 12px; font-weight: 600; letter-spacing: 0; transition: background .15s; }
body.portal-modern :is(button.primary,button[type='submit'],[data-license-save]) { background: #00e68c !important; border-color: #00e68c !important; color: #063f2b !important; }
body.portal-modern button:hover { background: #edf8f3 !important; }
body.portal-modern button:disabled { opacity: .45; cursor: not-allowed; }
body.portal-modern.portal-connected :is(#licenses-view,#admin-view,#editorial-view,#podcast-submissions-view) > .page-heading .secondary { background: #fff !important; color: #303640 !important; border: 1px solid #dfe3e8 !important; box-shadow: none !important; font-size: 12px; }
body.portal-modern button.danger { background: #fff2f1 !important; border-color: #f8d5d2 !important; color: #be3e38 !important; }
body.portal-modern :is(input,select,textarea,.slug-field) { min-height: 40px; padding: 9px 12px !important; border: 1px solid #d8dde5 !important; border-radius: 8px !important; background: #fff !important; color: #232831 !important; box-shadow: none !important; font-size: 13px; }
body.portal-modern :is(input,select,textarea):focus-visible { outline: 2px solid #00b875; outline-offset: 2px; }
body.portal-modern input:is([type='checkbox'],[type='radio']) { width: 16px; min-height: 16px; height: 16px; padding: 0 !important; accent-color: #00bb78; }
body.portal-modern label { font-size: 12px; font-weight: 600; letter-spacing: 0; color: #353b46; }
body.portal-modern :is(label small,.license-help,.license-form-intro p,.license-form-section p) { font-size: 12px !important; line-height: 1.4; color: #727883; font-weight: 400; }
body.portal-modern table { font-size: 12px; background: #fff; color: #303640; }
body.portal-modern th { padding: 12px 14px; background: #f8f9fb; color: #727883; border-bottom: 1px solid #e5e8ed; font-size: 10px; font-weight: 650; letter-spacing: .03em; }
body.portal-modern #admin-view :is(.admin-radio-table-shell,.account-table-shell) thead th { background: var(--green); color: #102a20; border-bottom-color: var(--green); }
body.portal-modern td { padding: 14px; border-bottom: 1px solid #edf0f3; color: #303640; }
body.portal-modern tbody tr:hover { background: #fafcfb; }
body.portal-modern .table-shell { overflow-x: auto; }
body.portal-modern #admin-view .admin-radio-actions { display: grid; grid-template-columns: 108px 138px 145px; align-items: center; gap: 6px; }
body.portal-modern #admin-view .admin-radio-actions button { min-height: 32px; }
body.portal-modern #admin-view .admin-radio-actions .protected-radio { grid-column: 1; display: inline-flex; align-items: center; justify-content: center; width: 100%; min-height: 32px; padding: 6px 12px; border: 1px solid #dce3e0; border-radius: 999px; background: #eef4f1; color: #52635a; font-size: 10px; font-weight: 650; letter-spacing: .02em; white-space: nowrap; }
body.portal-modern #admin-view .admin-radio-actions [data-system-playback] { grid-column: 2 / 4; justify-self: start; width: auto; min-height: 32px; margin: 0; padding: 6px 10px; border-radius: 8px !important; font-size: 10px; line-height: 1.2; white-space: nowrap; }
body.portal-modern .metric { padding: 18px !important; }
body.portal-modern .metric strong { font-size: 28px; }
body.portal-modern :is(.license-status,.radio-status) { border: 0; padding: 5px 9px; border-radius: 999px; font-size: 10px; }
body.portal-modern .license-status.active { background: #d6f8eb; color: #086846; }
body.portal-modern .license-status.suspended { background: #fff1cf; color: #8c6419; }
body.portal-modern .license-status.revoked { background: #fde8e7; color: #a84640; }
body.portal-modern.licenses-workspace #licenses-view .license-create-panel { border: 1px solid #e5e8ed !important; border-radius: 12px !important; background: #fff !important; box-shadow: none !important; margin: 18px 0; overflow: hidden; }
body.portal-modern.licenses-workspace #licenses-view :is(.license-create-panel > summary,.license-customization > summary) { padding: 16px 18px; border: 0 !important; background: #fff !important; color: #303640 !important; font-size: 13px; font-weight: 650; }
body.portal-modern.licenses-workspace #licenses-view .license-new-license-panel > summary { background: #00e68c !important; color: #063f2b !important; }
body.portal-modern.licenses-workspace #licenses-view .license-new-license-panel > .license-create-license-form { display: grid !important; grid-template-columns: minmax(0,1fr) 290px; gap: 16px; padding: 20px; background: #f8f9fb !important; }
body.portal-modern.licenses-workspace #licenses-view .license-form-intro { grid-column: 1 / -1; padding: 0 0 8px; border: 0; background: transparent; }
body.portal-modern.licenses-workspace #licenses-view .license-new-license-panel > .license-create-license-form { padding: 20px !important; }
body.portal-modern.licenses-workspace #licenses-view .license-admin > header { border: 0; padding: 0; }
body.portal-modern.licenses-workspace #licenses-view .license-admin > header .eyebrow { padding: 0; background: transparent; color: #727883; font-size: 10px; }
body.portal-modern.licenses-workspace #licenses-view .license-form-section { grid-column: 1; display: block !important; border: 1px solid #e5e8ed !important; border-radius: 12px; padding: 18px !important; background: #fff; }
body.portal-modern.licenses-workspace #licenses-view .license-form-section > header { display: flex; align-items: center; gap: 12px; padding: 0 0 16px; border: 0; background: transparent; }
body.portal-modern.licenses-workspace #licenses-view .license-form-section > header > span { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; background: #00e68c; color: #06482f; font-size: 13px; font-weight: 700; }
body.portal-modern.licenses-workspace #licenses-view .license-form-section h4 { margin: 0 0 3px; font-size: 17px; }
body.portal-modern.licenses-workspace #licenses-view .license-form-section p { margin: 0; }
body.portal-modern.licenses-workspace #licenses-view .license-form-fields { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; padding: 0; }
body.portal-modern.licenses-workspace #licenses-view .license-form-fields-three { grid-template-columns: repeat(3,minmax(0,1fr)); }
body.portal-modern.licenses-workspace #licenses-view .license-form-fields label { font-size: 12px; }
body.portal-modern.licenses-workspace #licenses-view .license-form-fields :is(input,select) { border-radius: 8px !important; font-size: 13px !important; min-height: 42px; }
body.portal-modern.licenses-workspace #licenses-view .license-customization { grid-column: 1 / -1; border: 1px solid #e5e8ed !important; border-radius: 10px; background: #fff; }
body.portal-modern.licenses-workspace #licenses-view .license-form-footer { grid-column: 1 / -1; display: flex; align-items: center; flex-direction: row-reverse; gap: 14px; padding: 0; border: 0; background: transparent; }
body.portal-modern.licenses-workspace #licenses-view .license-form-footer button { border-radius: 9px !important; min-height: 44px; padding: 12px 22px; }
.license-live-summary { grid-column: 2; grid-row: 2 / 5; align-self: start; border: 1px solid #e0e9e5; border-radius: 12px; background: #fff; overflow: hidden; }
.license-live-summary h4 { margin: 0; padding: 20px; font-size: 18px; background: #eefbf5; }
.license-live-summary dl { margin: 0; padding: 4px 18px; }
.license-live-summary dl > div { display: grid; grid-template-columns: 80px minmax(0,1fr); gap: 12px; padding: 14px 0; border-bottom: 1px solid #eef0f3; font-size: 12px; }
.license-live-summary dt { color: #727883; }.license-live-summary dd { margin: 0; font-weight: 600; overflow-wrap: anywhere; }
.license-live-summary > p { margin: 16px; padding: 12px; background: #eafbf3; border-radius: 8px; font-size: 12px; color: #356b55; }
body.portal-modern.licenses-workspace #licenses-view .license-created-key { border: 1px solid #a9e6c9; border-radius: 12px; background: #f0fcf6; box-shadow: none; padding: 20px; }
/* Existing licence editor: regular rows, no stretched inputs. */
body.portal-modern.licenses-workspace #licenses-view .license-edit-row > td { padding: 0; background: #f8f9fb; }
body.portal-modern.licenses-workspace #licenses-view .license-admin-card-body { padding: 22px; border-top: 1px solid #e5e8ed; background: #f8f9fb; }
body.portal-modern.licenses-workspace #licenses-view .license-admin-card-body > .license-edit-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px 18px; align-items: start; margin-bottom: 20px; }
body.portal-modern.licenses-workspace #licenses-view .license-edit-grid > label { display: grid; grid-template-rows: 20px 42px auto; align-content: start; gap: 6px; min-width: 0; font-size: 12px; font-weight: 600; }
body.portal-modern.licenses-workspace #licenses-view .license-edit-grid > label > :is(input,select) { width: 100%; height: 42px; min-height: 42px; max-height: 42px; margin: 0; align-self: start; font-size: 13px; font-weight: 400; }
body.portal-modern.licenses-workspace #licenses-view .license-edit-grid > label > small { margin: 0; font-size: 11px; line-height: 1.4; font-weight: 400; }
body.portal-modern.licenses-workspace #licenses-view .license-admin-card-body > .license-edit-grid > label:has([data-license-owner]) { order: 1; }
body.portal-modern.licenses-workspace #licenses-view .license-admin-card-body > .license-edit-grid > label:has([data-license-plan]) { order: 2; }
body.portal-modern.licenses-workspace #licenses-view .license-admin-card-body > .license-edit-grid > label:has([data-license-app-access]) { order: 3; }
body.portal-modern.licenses-workspace #licenses-view .license-admin-card-body > .license-edit-grid > label:has([data-license-max]) { order: 4; }
body.portal-modern.licenses-workspace #licenses-view .license-admin-card-body > .license-edit-grid > label:has([data-license-expiry]) { order: 5; }
body.portal-modern.licenses-workspace #licenses-view .license-admin-card-body .license-customization { margin: 0 0 18px; border: 1px solid #e5e8ed; border-radius: 10px; background: #fff; }
body.portal-modern.licenses-workspace #licenses-view .license-admin-card-body .license-customization > summary { padding: 14px 16px; }
body.portal-modern.licenses-workspace #licenses-view .license-admin-card-body .license-customization > .license-edit-grid { grid-template-columns: repeat(2,minmax(0,1fr)); padding: 16px; gap: 18px; }
body.portal-modern.licenses-workspace #licenses-view .license-admin-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; padding: 16px 0; margin: 0; border-top: 1px solid #e5e8ed; }
body.portal-modern.licenses-workspace #licenses-view .license-admin-actions [data-license-save] { order: 1; }
body.portal-modern.licenses-workspace #licenses-view .license-email-action { order: 2; }
body.portal-modern.licenses-workspace #licenses-view .license-admin-actions [data-license-status]:not(.danger) { order: 3; margin-left: auto; }
body.portal-modern.licenses-workspace #licenses-view .license-admin-actions [data-license-rotate] { order: 4; }
body.portal-modern.licenses-workspace #licenses-view .license-admin-actions .danger { order: 5; }
body.portal-modern.licenses-workspace #licenses-view .license-devices { margin-top: 0; border-top: 1px solid #e5e8ed; }
body.portal-modern.licenses-workspace #licenses-view #app-access-policy-form { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; padding: 22px; background: #f8f9fb; }
body.portal-modern.licenses-workspace #licenses-view #app-access-policy-form > label { display: grid; grid-template-rows: 20px 42px auto; align-content: start; gap: 6px; min-width: 0; font-size: 12px; }
body.portal-modern.licenses-workspace #licenses-view #app-access-policy-form > label:has(#app-access-label) { grid-column: 1; grid-row: 1; }
body.portal-modern.licenses-workspace #licenses-view #app-access-policy-form > label:has(#app-access-status) { grid-column: 2; grid-row: 1; }
body.portal-modern.licenses-workspace #licenses-view #app-access-policy-form > label:has(#app-access-published) { grid-column: 3; grid-row: 1; }
body.portal-modern.licenses-workspace #licenses-view #app-access-policy-form > label:has(#app-access-min) { grid-column: 1; grid-row: 2; }
body.portal-modern.licenses-workspace #licenses-view #app-access-policy-form > label:has(#app-access-max) { grid-column: 2; grid-row: 2; }
body.portal-modern.licenses-workspace #licenses-view #app-access-policy-form :is(input,select) { height: 42px; min-height: 42px; padding: 9px 12px !important; border: 1px solid #d8dde5 !important; border-radius: 8px !important; font-size: 13px; font-weight: 400; }
body.portal-modern.licenses-workspace #licenses-view #app-access-policy-form label small { font-size: 11px; font-weight: 400; line-height: 1.4; }
body.portal-modern.licenses-workspace #licenses-view #app-access-policy-form > fieldset { grid-column: 3; grid-row: 2; display: grid; align-content: start; gap: 10px; margin: 0; padding: 12px; border: 1px solid #e5e8ed; border-radius: 10px; background: #fff; }
body.portal-modern.licenses-workspace #licenses-view #app-access-policy-form > fieldset label { display: flex; align-items: center; gap: 8px; font-size: 11px; font-weight: 400; }
body.portal-modern.licenses-workspace #licenses-view #app-access-policy-form input[type='checkbox'] { width: 16px; height: 16px; min-height: 16px; padding: 0 !important; }
body.portal-modern.licenses-workspace #licenses-view #app-access-policy-form > p { grid-column: 1 / -1; grid-row: 3; margin: 0; padding: 12px 16px; border: 0; border-radius: 9px; background: #edf5f1; color: #5a7065; font-size: 12px; line-height: 1.5; }
body.portal-modern.licenses-workspace #licenses-view #app-access-policy-form > button { grid-row: 4; justify-self: start; min-height: 40px; font-size: 12px; }
body.portal-modern.licenses-workspace #licenses-view #app-access-policy-form > button[type='submit'] { grid-column: 1; }
body.portal-modern.licenses-workspace #licenses-view #app-access-new { grid-column: 2; }
body.portal-modern.licenses-workspace #licenses-view .license-catalog > p { margin: 0; padding: 14px 22px; background: #f8f9fb; font-size: 12px; color: #727883; }
body.portal-modern.licenses-workspace #licenses-view .app-access-policy-card { display: grid; grid-template-columns: minmax(0,2fr) auto minmax(0,1fr); align-items: center; gap: 12px; margin: 12px 22px; padding: 16px; font-size: 12px; }
body.portal-modern.licenses-workspace #licenses-view .app-access-policy-card > small:last-child { grid-column: 1 / -1; font-size: 11px; color: #727883; }
@media(max-width:850px) { body.portal-modern.licenses-workspace #licenses-view #app-access-policy-form { grid-template-columns: repeat(2,minmax(0,1fr)); } body.portal-modern.licenses-workspace #licenses-view #app-access-policy-form > :is(label,fieldset,p,button) { grid-column: auto !important; grid-row: auto !important; } body.portal-modern.licenses-workspace #licenses-view #app-access-policy-form > :is(fieldset,p) { grid-column: 1 / -1 !important; } }
@media(max-width:550px) { body.portal-modern.licenses-workspace #licenses-view #app-access-policy-form { grid-template-columns: 1fr; } }
@media(max-width:1000px) { body.portal-modern.licenses-workspace #licenses-view .license-admin-card-body > .license-edit-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media(max-width:650px) { body.portal-modern.licenses-workspace #licenses-view .license-admin-card-body > .license-edit-grid { grid-template-columns: 1fr; } body.portal-modern.licenses-workspace #licenses-view .license-admin-actions [data-license-status]:not(.danger) { margin-left: 0; } }
body.portal-modern :is(.editorial-section summary,.editorial-form > header,.rich-text-toolbar,.rich-text-editor,.editorial-live-preview,.station-network-panel > header) { background: #fff; color: #303640; border-color: #e5e8ed; }
body.portal-modern .account-member-identity { background: #20242c; color: #fff; }
body.portal-modern dialog { border: 0; border-radius: 16px; padding: 0; background: #fff; color: #20242c; }
body.portal-modern .dialog-card { padding: 28px; }
body.portal-modern :is(.auth-layout,.profile-card) { color: #20242c; }
body.portal-modern .auth-intro h1 { font-size: 44px !important; }
@media(max-width:1150px) { body.portal-modern.portal-connected main { padding: 24px; } body.portal-modern.licenses-workspace #licenses-view .license-new-license-panel > .license-create-license-form { grid-template-columns: minmax(0,1fr); } .license-live-summary { grid-column: 1; grid-row: auto; } body.portal-modern.licenses-workspace #licenses-view .license-form-fields-three { grid-template-columns: 1fr; } }
@media(max-width:800px) { body.portal-modern .topbar { padding: 12px 16px; } #portal-context { display: none; } body.portal-modern #session-nav { position: static; width: 100%; flex-direction: row; flex-wrap: wrap; padding: 10px; border: 0; border-bottom: 1px solid #e5e8ed; } body.portal-modern .topbar { height: auto; flex-wrap: wrap; } body.portal-modern #session-nav button { width: auto; min-height: 36px; padding: 8px; } body.portal-modern #session-email { display: none; } body.portal-modern.portal-connected main { width: 100%; margin-left: 0; padding: 20px 14px; } body.portal-modern .page-heading { flex-wrap: wrap; } body.portal-modern.licenses-workspace #licenses-view .license-form-fields { grid-template-columns: 1fr; } body.portal-modern :is(.license-admin,.account-admin,.submission-admin,.editorial-form) { padding: 14px; } }