/* Shared MailOcean operator appearance, including Django forms and widgets. */
:root{--primary:#1675f8;--secondary:#1565d8;--accent:#fff;--primary-fg:#fff;--body-fg:#102541;--body-bg:#f5f7fa;--body-quiet-color:#64748b;--body-loud-color:#102541;--header-color:#102541;--header-branding-color:#102541;--header-bg:#fff;--header-link-color:#1565d8;--breadcrumbs-fg:#64748b;--breadcrumbs-link-fg:#1565d8;--breadcrumbs-bg:#f5f7fa;--link-fg:#1565d8;--link-hover-color:#104fa5;--link-selected-fg:#1565d8;--hairline-color:#e5eaf0;--border-color:#e5eaf0;--darkened-bg:#f8fafd;--selected-bg:#eaf2ff;--selected-row:#edf4ff;--button-bg:#1675f8;--button-hover-bg:#1565d8;--default-button-bg:#1675f8;--default-button-hover-bg:#1565d8;--close-button-bg:#64748b;--close-button-hover-bg:#475569;--object-tools-bg:#1675f8;--object-tools-hover-bg:#1565d8;color-scheme:light}
html,body{background:#f5f7fa;color:#102541}body{font-size:13px}#container{width:calc(100% - 222px);margin-left:222px;min-width:0;background:#f5f7fa}#container>.sidebar{left:0;top:0;background:#fff;text-align:left}#container>.sidebar a{color:#506481}#container>.sidebar a.active{color:#1565d8}#container>.sidebar .logo{max-width:none}#header{box-sizing:border-box;background:#fff;border-bottom:1px solid #e5eaf0;color:#102541;justify-content:space-between;width:100%}#header a,#header button{color:#506481;font-size:12px}#header form{margin:0}#header .badge{font-size:10px}#header #logout-form button{border:0;background:none;padding:0}
#main{display:block}#content{padding:26px 28px;max-width:1680px;box-sizing:border-box;width:100%}#content h1{font-size:26px;font-weight:700;letter-spacing:-.025em;color:#102541;margin:0 0 22px}#content h2{font-size:15px}div.breadcrumbs{padding:15px 28px;background:#f5f7fa;color:#64748b;border-bottom:1px solid #e5eaf0;font-size:12px}div.breadcrumbs a{color:#1565d8}.module{border:1px solid #e5eaf0;border-radius:11px;background:#fff;overflow:hidden;margin-bottom:22px}.module h2,.module caption,.inline-group h2{background:#f8fafd;color:#102541;padding:15px 18px;font-size:13px;font-weight:600}.module caption a:link,.module caption a:visited{color:#102541}.module table{width:100%}#changelist{background:transparent}#changelist .changelist-form-container{min-width:0}#changelist-form{background:#fff;border:1px solid #e5eaf0;border-radius:11px;overflow:hidden}#changelist .results{overflow-x:auto}#changelist table{border:0}#changelist table thead th{background:#fafbfd;border-bottom:1px solid #e5eaf0;color:#64748b}#changelist table thead th a{color:#64748b}#changelist table tbody th,#changelist table tbody td{padding:15px 18px;border-bottom:1px solid #e5eaf0;font-size:12px}#changelist table tbody th{font-weight:600;background:#fff}.row1,.row2{background:#fff}#changelist tbody tr:hover,#changelist tbody tr:hover th{background:#fafcff}#changelist .actions{padding:12px 18px;background:#fff;border-bottom:1px solid #e5eaf0}#changelist .actions label{display:inline-block;font-size:12px}#changelist .actions select{width:auto;min-height:34px;padding:6px 28px 6px 10px}#changelist .actions button{border-radius:6px;background:#edf4ff;border:1px solid #dbe7f7;color:#1565d8;padding:7px 14px}#changelist .paginator{background:#fff;padding:16px 18px;border:0;font-size:12px}#toolbar{background:#fff;border:1px solid #e5eaf0;border-radius:10px;padding:14px 18px;margin-bottom:16px}#toolbar form{display:flex;gap:10px;align-items:center;flex-wrap:wrap}#toolbar form input[type=text]{min-height:38px;padding:8px 12px;max-width:100%}#toolbar form input[type=submit]{padding:9px 18px;border-radius:8px;background:#1675f8;color:white;border:0}#changelist-filter{border:1px solid #e5eaf0;border-radius:11px;background:#fff;overflow:hidden;margin-left:20px}#changelist-filter h2{background:#f8fafd;color:#102541;padding:16px;font-size:13px}#changelist-filter h3{font-size:12px}#changelist-filter details{padding:8px 16px}#changelist-filter ul{padding:8px 0}#changelist-filter a{font-size:12px}#changelist-filter li.selected a{color:#1565d8}.object-tools{margin-top:0;margin-bottom:18px;padding:0;display:flex;gap:8px;float:none;justify-content:flex-end}.object-tools li{height:auto;margin:0;padding:0}.object-tools a:link,.object-tools a:visited{background-color:#1675f8;color:#fff;border-radius:8px;padding:10px 18px;text-transform:none;font-size:12px;font-weight:600}.object-tools a:hover{background-color:#1565d8}.form-row{padding:18px;border-bottom:1px solid #e5eaf0;font-size:13px}.aligned label{font-size:12px;font-weight:600;color:#506481}.form-row input:not([type=checkbox]):not([type=radio]),.form-row select,.form-row textarea{border:1px solid #dce4ef;border-radius:8px;background:white;color:#102541;padding:9px 12px;font:inherit;max-width:100%;box-sizing:border-box}.form-row textarea{min-height:120px}.form-row input[type=checkbox]{width:auto;min-height:0}.form-row .readonly{color:#102541;overflow-wrap:anywhere}.help,.helptext{color:#64748b;font-size:12px}.submit-row{background:#fff;border:1px solid #e5eaf0;border-radius:11px;padding:16px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.submit-row input,.button,input[type=submit],input[type=button]{border-radius:8px;padding:10px 18px;font-size:12px;text-transform:none;cursor:pointer}.submit-row a.deletelink{border-radius:8px;height:auto;padding:10px 18px}.errornote,.errorlist{border-radius:8px}.messagelist li{border-radius:8px;margin:16px 28px;background-color:#edf8f3}#content-related{border-radius:11px;border:1px solid #e5eaf0;background:#fff}#content-related .module h2{color:#102541;background:#f8fafd}#content-related h3{color:#506481}.dashboard #content{width:100%}.dashboard #content-main{width:calc(100% - 300px)}.dashboard .module table th{width:auto}.selector{max-width:100%}.selector h2{background:#f8fafd!important;color:#102541!important}.calendarbox,.clockbox{z-index:100}.popup #container,.login #container{margin:0;width:100%}.login #header{border-radius:10px 10px 0 0}.login #content{max-width:480px;margin:48px auto;background:#fff;border:1px solid #e5eaf0;border-radius:11px}.login #content h1{font-size:24px}#footer{padding:18px 28px;color:#64748b;font-size:11px}
@media(max-width:1024px){#changelist-filter{margin-left:12px}.dashboard #content-main{width:100%}#content-related{width:100%;margin:0}}@media(max-width:760px){#container{margin:0;width:100%}#container>.sidebar{position:static}#content{padding:22px 14px}#header{padding:0 16px;gap:10px}#header>div{gap:8px;flex-wrap:wrap}#header a{font-size:10px}div.breadcrumbs{padding:14px}#changelist{display:flex;flex-direction:column}#changelist-filter{margin:16px 0;width:100%;order:2}#changelist .actions select{max-width:100%}.form-row input,.form-row textarea{max-width:100%}.object-tools{justify-content:flex-start}.aligned label{float:none;width:auto;display:block}.aligned .form-row>div{display:block}.aligned .help,.aligned .readonly{margin-left:0!important}.selector{width:100%}.selector-available,.selector-chosen{max-width:100%}.messagelist li{margin:14px}.submit-row input{width:auto!important}}
#toolbar #changelist-search>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap;width:100%}#toolbar #changelist-search label{margin:0;display:inline-flex;width:auto}#toolbar #changelist-search input[type=text]{width:320px;flex:0 1 320px}#toolbar #changelist-search input[type=submit]{width:auto;min-width:80px}#changelist tbody td{background:#fff}#changelist tbody tr.selected td,#changelist tbody tr.selected th{background:#edf4ff}#header #logout-form button{text-transform:none}.object-tools a.addlink{padding-right:30px}#content-main .submit-row input{width:auto}.form-row textarea{height:140px}
/* Filters belong above the results, without narrowing the table. */
#changelist{display:flex;flex-direction:column;gap:16px;border:0;overflow:visible}#changelist .changelist-form-container{width:100%;flex:1;min-width:0}#changelist-filter{position:static;order:-1;float:none;flex:none;width:100%;max-height:none;margin:0;padding:16px 18px;box-sizing:border-box;display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap;background:#fff;border:1px solid #e5eaf0;border-radius:11px}#changelist-filter h2{padding:0;margin:0 8px 10px 0;background:none;font-size:12px;text-transform:none}#changelist-filter .mo-filter{display:flex;flex-direction:column;gap:7px;margin:0;min-width:180px;max-width:100%;font-size:12px;color:#506481}#changelist-filter .mo-filter select{margin:0;padding:9px 32px 9px 12px;border:1px solid #dce4ef;border-radius:8px;min-height:38px;background:#fff;color:#102541;font-size:12px;width:100%}#changelist-filter-extra-actions{order:10;display:flex;gap:12px;margin:0 0 10px auto;padding:0;border:0}#changelist-filter-extra-actions h3{margin:0;padding:0;font-size:11px}.filtered #toolbar,.filtered .results,.filtered .paginator{margin-right:0!important;width:auto}#changelist .results table{width:100%}#changelist-filter .mo-filter span{font-weight:600}@media(max-width:760px){#changelist-filter{padding:14px;gap:12px}#changelist-filter h2{width:100%;margin:0}#changelist-filter .mo-filter{min-width:0;flex:1 1 150px}#changelist-filter-extra-actions{margin-left:0}}
/* Search and filters share a single query panel. */
.mo-query-panel{display:flex;align-items:flex-end;gap:20px;flex-wrap:wrap;padding:18px;background:#fff;border:1px solid #e5eaf0;border-radius:11px;margin-bottom:18px}#changelist .mo-query-panel #toolbar{border:0;border-radius:0;padding:0;margin:0!important;background:none;flex:1 1 320px;width:auto}#changelist .mo-query-panel #toolbar form{margin:0}#changelist .mo-query-panel #toolbar #changelist-search>div{flex-wrap:wrap}#changelist .mo-query-panel #toolbar input[type=text]{width:auto;min-width:120px;flex:1 1 160px}#changelist .mo-query-panel #changelist-filter{order:0;border:0;border-radius:0;background:none;width:auto;padding:0;margin:0;flex:0 1 auto;gap:14px;align-items:flex-end}#changelist .mo-query-panel #changelist-filter .mo-filter{min-width:165px}#changelist .mo-clear-filters{align-self:center;font-size:12px;color:#1565d8;margin-top:20px;white-space:nowrap}@media(max-width:760px){.mo-query-panel{padding:14px;gap:16px}#changelist .mo-query-panel #toolbar{flex-basis:100%}#changelist .mo-query-panel #changelist-filter{width:100%}#changelist .mo-query-panel #changelist-filter .mo-filter{min-width:130px;flex:1}}
.mo-role-guide{background:#f8faff;border:1px solid #dce7f7;border-radius:11px;padding:20px;margin:20px 0;color:#506481;font-size:12px;line-height:1.7}.mo-role-guide h2{margin:0 0 14px;color:#102541}.mo-role-guide dl{display:grid;grid-template-columns:140px minmax(0,1fr);gap:14px;margin:0}.mo-role-guide dt{font-weight:600;color:#102541}.mo-role-guide dd{margin:0;overflow-wrap:anywhere}.mo-role-guide code{font-size:11px;background:#edf2fa;padding:2px 4px;border-radius:4px}.mo-role-guide p{font-size:12px;margin:18px 0 0;padding-top:14px;border-top:1px solid #dce7f7}@media(max-width:760px){.mo-role-guide dl{grid-template-columns:1fr;gap:8px}.mo-role-guide dd{margin-bottom:10px}}

#content .submit-row input.default{color:#fff;text-transform:none;min-height:40px;line-height:20px}#content .submit-row a.mo-cancel{display:inline-flex;align-items:center;min-height:40px;padding:8px 16px;box-sizing:border-box;background:#fff;color:#506481;border:1px solid #dce4ef;border-radius:8px;font-size:12px;line-height:20px}