:root { color-scheme:light; --face:#c0c0c0; --light:#fff; --mid:#808080; --dark:#000; --navy:#000080; --field:#fff; --green:#006400; --amber:#7a4100; --red:#800000; }
* { box-sizing:border-box; }
/* Author styles for Windows-like buttons must never override permission-based hiding. */
[hidden] { display:none !important; }
.readiness-pass{color:#075f07}.readiness-fail{color:#a00000}.readiness-review{color:#735000}.readiness-blocked{color:#555}.status-summary{font-weight:bold;padding:10px 0}
.environment-chat{max-height:280px;overflow:auto;background:#fff;border:2px inset #ddd;padding:6px}.chat-message{border-bottom:1px solid #888;padding:7px}.chat-message p{margin:4px 0;white-space:pre-wrap}.chat-message.announcement{background:#ffffcf;border:2px solid #9b7100}
.attention-row{background:#ffffcf}.attention-row td:last-child{font-weight:bold;color:#900}
html { background:#008080; min-height:100%; }
body { margin:10px; font:13px/1.25 "MS Sans Serif",Tahoma,Arial,sans-serif; color:#000; background:var(--face); border:2px solid; border-color:var(--light) var(--dark) var(--dark) var(--light); min-height:calc(100vh - 20px); }
.title-bar { height:30px; padding:4px 6px; color:#fff; background:var(--navy); display:flex; align-items:center; justify-content:space-between; }
.title-bar h1 { margin:0; font-size:14px; line-height:20px; }
.title-bar span { font-size:12px; }
.toolbar { display:flex; flex-wrap:wrap; gap:4px; padding:5px; border-bottom:2px groove var(--light); }
.simulator-shell { max-width:900px; margin:10px auto; min-height:calc(100vh - 20px); }
dl { display:grid; grid-template-columns:170px 1fr; background:#fff; border:2px inset var(--light); }
dt,dd { margin:0; padding:7px; border-bottom:1px solid var(--mid); }
dt { font-weight:700; }
.toolbar-spacer { flex:1; }
#signed-in-user { align-self:center; padding:0 5px; font-weight:700; }
.tool-button,button { display:inline-block; color:#000; background:var(--face); border:2px solid; border-color:var(--light) var(--dark) var(--dark) var(--light); border-radius:0; padding:5px 10px; font:700 13px "MS Sans Serif",Tahoma,Arial,sans-serif; text-decoration:none; cursor:pointer; }
.tool-button:active,button:active,.tool-button.active { border-color:var(--dark) var(--light) var(--light) var(--dark); background:#d4d0c8; }
button:disabled { color:var(--mid); cursor:not-allowed; text-shadow:1px 1px var(--light); }
main { padding:8px; }
.operator-panel { display:flex; align-items:end; gap:10px; padding:7px; margin-bottom:7px; border:2px groove var(--light); }
label { display:block; font-weight:700; }
input,select { display:block; width:220px; height:25px; margin-top:2px; padding:3px 5px; color:#000; background:var(--field); border:2px solid; border-color:var(--mid) var(--light) var(--light) var(--mid); border-radius:0; font:13px Tahoma,Arial,sans-serif; }
.notice { padding-bottom:4px; font-style:italic; }
.work-panel { padding:6px; border:2px groove var(--light); }
.section-title { display:flex; align-items:center; justify-content:space-between; padding:3px 4px 6px; }
h2 { margin:0; font-size:14px; }
.device-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(290px,1fr)); gap:6px; }
.device-card { min-width:0; padding:7px; background:var(--face); border:2px solid; border-color:var(--light) var(--mid) var(--mid) var(--light); }
.device-heading { display:flex; justify-content:space-between; align-items:start; gap:8px; padding-bottom:4px; margin-bottom:5px; border-bottom:1px solid var(--mid); }
h3 { margin:0 0 2px; font-size:14px; }
p { margin:0 0 4px; }
.status { padding:2px 5px; color:#fff; background:var(--green); font-weight:700; white-space:nowrap; }
.status.out { background:var(--amber); }
.muted { color:#444; }
.actions { display:grid; gap:5px; margin-top:7px; }
.action-row { display:flex; gap:5px; align-items:end; }
.action-row label { flex:1; }
.action-row input,.action-row select { width:100%; }
button.danger { color:#fff; background:var(--red); }
#message { display:none; min-height:28px; margin-bottom:7px; padding:5px 7px; border:2px inset var(--light); }
#message.success,#message.error { display:block; }
#message.success { color:var(--green); background:#fff; } #message.error { color:var(--red); background:#fff; font-weight:700; }
.log-panel { padding:6px; border:2px groove var(--light); }
.log-note { padding:5px; margin-bottom:5px; background:#ffffe1; border:1px solid var(--mid); }
.audit { background:#fff; border:2px inset var(--light); }
.audit-header,.audit-row { display:grid; grid-template-columns:180px minmax(280px,1fr) 180px; }
.audit-header { color:#fff; background:var(--navy); font-weight:700; }
.audit-header span,.audit-row span,.audit-row strong { padding:5px 7px; border-right:1px solid var(--mid); }
.audit-row:nth-child(even) { background:#eee; }
@media (max-width:700px) { body { margin:0; min-height:100vh; border:0; } .title-bar span { display:none; } .operator-panel { align-items:stretch; flex-direction:column; } input,select { width:100%; } .audit-header { display:none; } .audit-row { display:block; border-bottom:1px solid var(--mid); } .audit-row span,.audit-row strong { display:block; border:0; } }
.login-shell { max-width:480px; margin:12vh auto; }
.dialog { padding:8px; border:2px solid; border-color:var(--light) var(--dark) var(--dark) var(--light); }
.dialog p { margin:6px 0 10px; }
.dialog label { margin-bottom:8px; }
.dialog input,.dialog select { width:100%; }
.dialog-actions { display:flex; justify-content:flex-end; gap:5px; margin-top:10px; }
.form-error { min-height:22px; color:var(--red); font-weight:700; }
.password-control { display:flex; align-items:stretch; width:100%; margin-top:2px; }
.password-control input { flex:1; min-width:0; width:auto; margin-top:0; }
.password-control .password-toggle { flex:0 0 auto; margin-left:4px; padding:3px 8px; white-space:nowrap; }
.account-table { width:100%; border-collapse:collapse; background:#fff; border:2px inset var(--light); }
.account-table th { color:#fff; background:var(--navy); text-align:left; }
.account-table th,.account-table td { padding:5px 7px; border:1px solid var(--mid); }
.reset-form { display:grid; grid-template-columns:auto minmax(220px,1fr) auto auto; align-items:end; gap:8px; padding:7px; background:var(--face); }
.reset-form strong { align-self:center; }
.reset-form input { width:100%; }
.account-form { display:grid; grid-template-columns:minmax(150px,1fr) minmax(300px,2fr) minmax(220px,1fr) auto; align-items:end; gap:8px; padding:7px; margin-bottom:7px; border:2px groove var(--light); }
.account-form label { min-width:0; }
.account-form input,.account-form select { width:100%; min-width:0; }
.account-form button { white-space:nowrap; }
@media (max-width:750px) { .account-form { grid-template-columns:1fr 1fr; } .account-form button { justify-self:start; } }
@media (max-width:560px) { .account-form { grid-template-columns:1fr; } }
@media (max-width:850px) { .reset-form { grid-template-columns:1fr 1fr; } }
.landing-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:10px; margin-top:10px; }
.landing-button { display:block; min-height:90px; padding:12px; color:#000; background:var(--face); border:2px solid; border-color:var(--light) var(--dark) var(--dark) var(--light); text-decoration:none; }
.landing-button:active { border-color:var(--dark) var(--light) var(--light) var(--dark); }
.landing-button strong,.landing-button span { display:block; }
.landing-button strong { margin-bottom:8px; font-size:16px; }
.landing-button.disabled { color:#555; }
.narrow-panel { max-width:680px; }
.simple-form { display:grid; gap:10px; max-width:520px; padding:8px; }
.simple-form input,.simple-form select { width:100%; }
.simple-form button,.inline-form button { justify-self:start; }
.inline-form { display:flex; align-items:end; gap:8px; padding:7px; }
.environment-create-form { display:grid; grid-template-columns:minmax(180px,1fr) minmax(180px,1fr) minmax(180px,1fr) auto; align-items:end; gap:8px; padding:7px; }
.environment-create-form input,.environment-create-form select { width:100%; }
.selection-list { display:flex; flex-wrap:wrap; gap:6px; padding:5px; }
.management-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
fieldset { min-width:0; border:2px groove var(--light); }
legend { font-weight:700; }
.check-list { max-height:330px; overflow:auto; margin-bottom:8px; background:#fff; border:2px inset var(--light); }
.check-row { display:flex; align-items:center; gap:7px; padding:6px; border-bottom:1px solid #aaa; font-weight:400; }
.check-row input { flex:0 0 auto; width:auto; height:auto; margin:0; }
.radio-config-row { display:grid; grid-template-columns:auto minmax(150px,1fr) minmax(180px,1fr) minmax(150px,1fr); align-items:center; gap:8px; padding:6px; border-bottom:1px solid #aaa; }
.radio-config-row>input,.home-choice input { width:auto; height:auto; margin:0; }
.home-choice { display:flex; align-items:center; gap:5px; font-weight:400; }
.radio-config-row select { width:100%; margin:0; }
@media (max-width:750px) { .management-grid { grid-template-columns:1fr; } .inline-form { align-items:stretch; flex-direction:column; } }
@media (max-width:850px) { .environment-create-form { grid-template-columns:1fr; } }
@media (max-width:900px) { .radio-config-row { grid-template-columns:auto 1fr; } .radio-config-row select,.home-choice { grid-column:2; } }
.table-action { display:flex; align-items:end; gap:5px; min-width:250px; }
.table-action label { flex:1; }
.table-action input { width:100%; }
.environment-radio-table td { vertical-align:middle; }
.environment-radio-table td>button { margin-left:5px; }
.table-scroll { max-width:100%; overflow:auto; }
.permission-list,.permission-editor { display:flex; flex-wrap:wrap; gap:4px 12px; }
.permission-check { display:flex; align-items:center; gap:4px; font-weight:400; white-space:nowrap; }
.permission-check input { width:auto; height:auto; margin:0; }
.permission-editor { margin-bottom:5px; min-width:460px; }
.reporting-layout { display:grid; grid-template-columns:minmax(300px,420px) minmax(450px,1fr); gap:8px; }
.case-list { display:grid; gap:5px; padding-top:7px; }
.case-row { width:100%; text-align:left; }
.case-row strong,.case-row span { display:block; }
.case-row span { margin-top:3px; font-weight:400; }
.report-box { margin-top:8px; padding:8px; border:2px groove var(--light); }
textarea { display:block; width:100%; min-height:120px; margin:5px 0; padding:6px; resize:vertical; color:#000; background:#fff; border:2px inset var(--light); font:13px Tahoma,Arial,sans-serif; }
textarea[readonly] { background:#eee; }
.report-controls { display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; gap:5px; }
.report-controls span { margin-right:auto; }
.report-controls input { flex:1; min-width:180px; width:auto; margin:0; }
.review-note { padding:6px; background:#ffffe1; border:1px solid var(--mid); }
.error-text { color:var(--red); font-weight:700; }
.danger-zone { margin-top:12px; border-color:var(--red); }
.ptt-button { display:block; width:100%; min-height:90px; margin-top:8px; font-size:20px; }
.ptt-button.transmitting { color:#fff; background:var(--red); }
@media (max-width:900px) { .reporting-layout { grid-template-columns:1fr; } }
.schedule-form { display:grid; grid-template-columns:repeat(5,minmax(150px,1fr)); align-items:end; gap:8px; padding:7px; margin-bottom:8px; border:2px groove var(--light); }
.schedule-form input,.schedule-form select { width:100%; }
.schedule-notes { grid-column:1/-1; }
.schedule-form button { justify-self:start; }
@media (max-width:1000px) { .schedule-form { grid-template-columns:1fr 1fr; } .schedule-notes { grid-column:1/-1; } }
@media (max-width:600px) { .schedule-form { grid-template-columns:1fr; } .schedule-notes { grid-column:auto; } }
.geofence-form { display:grid; grid-template-columns:repeat(3,minmax(140px,1fr)) auto auto; align-items:end; gap:8px; padding:7px; }
.geofence-form input { width:100%; }
.clock-list { display:grid; gap:8px; padding:7px; }
.clock-card { padding:10px; background:#d4d0c8; border:2px outset #fff; }
.clock-card h3,.clock-card p { margin:0 0 7px; }
.clock-card button { min-width:140px; min-height:40px; font-size:16px; }
.clock-status { font-weight:700; }
.clock-controls { display:flex; align-items:center; flex-wrap:wrap; gap:6px; }
@media (max-width:900px) { .geofence-form { grid-template-columns:1fr 1fr; } }
@media (max-width:600px) { .geofence-form { grid-template-columns:1fr; } }
.map-page { height:calc(100vh - 78px); display:flex; flex-direction:column; }
.map-search-panel { flex:0 0 auto; }
.map-search-panel .inline-form label { flex:1; }
.map-search-panel input { width:100%; }
.map-search-results { display:flex; gap:4px; overflow:auto; padding:0 7px 5px; }
.map-search-results button { flex:0 0 auto; max-width:420px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:left; }
.map-layout { flex:1; min-height:420px; display:grid; grid-template-columns:340px 1fr; gap:7px; }
.map-layout>.work-panel { margin:0; overflow:auto; }
.map-canvas-panel { display:flex; flex-direction:column; min-width:0; }
#environment-map { flex:1; min-height:400px; border:2px inset #fff; }
.map-attribution-note { margin:4px; font-size:11px; }
.pin-tool-grid { display:grid; grid-template-columns:1fr 1fr; gap:4px; margin-top:5px; }
.map-pin-list { display:grid; gap:4px; padding:5px; }
.map-pin-row { display:flex; align-items:center; justify-content:space-between; gap:5px; padding:4px; background:#fff; border:1px solid #888; }
.map-pin { display:flex; align-items:center; justify-content:center; width:26px; height:26px; color:#fff; background:#003399; border:2px solid #fff; border-radius:50% 50% 50% 0; transform:rotate(-45deg); box-shadow:0 1px 2px #000; font:bold 13px Tahoma,Arial,sans-serif; }
.map-pin-shell .map-pin { line-height:1; }
.map-pin b { transform:rotate(45deg); }
.map-pin-geofence { background:#990099; }.map-pin-command { background:#000080; }.map-pin-entrance { background:#007000; }.map-pin-medical { background:#b00000; }.map-pin-security { background:#6b4b00; }.map-pin-staging { background:#006d77; }.map-pin-custom { background:#444; }.map-pin-search { background:#777; }
@media (max-width:850px) { .map-page { height:auto; }.map-layout { grid-template-columns:1fr; }.map-layout aside { max-height:none; }#environment-map { min-height:65vh; } }
.report-preview{white-space:pre-wrap;background:#fff;border:1px inset #999;min-height:4rem;padding:8px;margin:6px 0 10px}.report-photo-link{border:0;background:transparent;color:#0000c0;text-decoration:underline;padding:0;font:inherit;cursor:pointer}.report-photo-link:hover,.report-photo-link:focus{color:#c00000}.report-photo-list{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 10px}.report-photo-controls{display:grid;grid-template-columns:minmax(180px,1fr) minmax(180px,1fr);gap:6px;margin:10px 0}.report-photo-controls legend{font-weight:bold}.report-photo-controls input,.report-photo-controls select,.report-photo-controls button{min-width:0}.photo-overlay{position:fixed;inset:0;z-index:10000;background:rgba(0,0,0,.75);display:flex;align-items:center;justify-content:center;padding:18px}.photo-dialog{background:#c0c0c0;border:2px outset #fff;padding:10px;max-width:min(1000px,96vw);max-height:94vh;overflow:auto}.photo-dialog img{display:block;max-width:100%;max-height:80vh;margin:8px auto;background:#000}@media(max-width:700px){.report-photo-controls{grid-template-columns:1fr}.photo-overlay{padding:4px}}
.timeline-filters,.timeline-correction{display:flex;flex-wrap:wrap;align-items:end;gap:7px;padding:7px;border:2px groove #fff}.timeline-filters input,.timeline-filters select,.timeline-correction input,.timeline-correction select{width:180px}.timeline-list{display:grid;gap:7px;margin-top:7px}.timeline-card{padding:8px;background:#fff;border:2px inset #fff}.timeline-card p{margin:4px 0}.provenance,.transcript-text{max-height:280px;overflow:auto;white-space:pre-wrap;background:#eee;border:2px inset #fff;padding:7px}.timeline-card audio{display:block;margin-top:7px;max-width:100%}@media(max-width:700px){.timeline-filters,.timeline-correction{align-items:stretch;flex-direction:column}.timeline-filters input,.timeline-filters select,.timeline-correction input,.timeline-correction select{width:100%}}
.provisioning-package-row{justify-content:flex-start}.provisioning-package-row label{min-width:320px}.provisioning-package-row select{width:100%}.provisioning-package-row span{align-self:center}.provisioning-table td{vertical-align:top}.provisioning-table td:first-child{min-width:230px}.provisioning-table td:nth-child(2){min-width:280px}.provisioning-actions{min-width:160px}.provisioning-actions button{display:block;width:100%;margin-bottom:5px}.compact-check-list{list-style:none;margin:6px 0 0;padding:0}.compact-check-list li{margin:2px 0}
@media(max-width:800px){.provisioning-package-row{align-items:stretch;flex-direction:column}.provisioning-package-row label{min-width:0}.provisioning-actions{min-width:130px}}

/* USB provisioning progress: never leave the operator staring at a silent Pending state. */
#message.working { display:flex; align-items:center; gap:.55rem; }
#message.working::before {
  content:''; width:14px; height:14px; border:2px solid currentColor;
  border-right-color:transparent; border-radius:50%; flex:0 0 auto;
  animation:rdd-spin .8s linear infinite;
}
@keyframes rdd-spin { to { transform:rotate(360deg); } }

/* Fine-grained account permissions. */
.permission-catalog{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:8px;margin:7px 0}
.permission-group{margin:0;padding:8px;border:2px groove var(--light);min-width:0}
.permission-group legend{font-weight:700;padding:0 4px}
.permission-group .check-row{display:flex;align-items:center;gap:6px;padding:3px 0;font-weight:400}
.permission-group .check-row input{display:inline-block;width:auto;height:auto;margin:0;flex:0 0 auto}
.permission-group-actions{display:flex;gap:5px;margin:0 0 5px}
.permission-group-actions button{padding:3px 7px;font-size:12px}
.owner-permission-note{padding:7px;background:#edf6f3;border:1px solid var(--mid);font-weight:700}
.permission-summary{max-width:620px;line-height:1.45}
.permission-summary code{white-space:nowrap}
.instance-mode-note{margin:7px 0;padding:7px;border:2px groove var(--light);background:var(--field)}
.permission-list{display:grid;gap:4px}.permission-check{display:flex;align-items:center;gap:6px;font-weight:400}.permission-check input{display:inline-block;width:auto;height:auto;margin:0;flex:0 0 auto}.account-form fieldset{min-width:0}

/* Desktop multi-window controls. Pop-outs remain ordinary hardened app views,
   but the subtle edge marker makes a detached window obvious at a glance. */
.popout-control { white-space:nowrap; }
html.is-popout body { box-shadow:inset 0 0 0 2px var(--navy); }

.global-sos-alert{position:fixed;z-index:10000;right:18px;top:18px;max-width:520px;display:grid;grid-template-columns:1fr auto;gap:8px 12px;align-items:center;padding:16px 18px;border:3px solid #8b0000;background:#fff4f2;color:#420000;box-shadow:0 8px 28px rgba(0,0,0,.35);font-size:16px}.global-sos-alert strong{font-size:22px;grid-column:1/-1}.global-sos-alert span{grid-column:1/-1}.global-sos-alert .tool-button{justify-self:start}
.audit-action { padding:5px 7px; border-right:1px solid var(--mid); min-width:0; }
.audit-action > strong { display:block; padding:0; border:0; }
.audit-changes { margin-top:4px; font-size:.92em; }
.audit-changes summary { cursor:pointer; font-weight:700; }
.audit-change-row { display:grid; grid-template-columns:minmax(120px,180px) minmax(0,1fr); gap:8px; padding:4px 0; border-top:1px solid #ccc; }
.audit-change-row span,.audit-change-row strong { padding:0; border:0; overflow-wrap:anywhere; }
@media (max-width:700px) { .audit-action { border:0; } .audit-change-row { display:block; } }

.emergency-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin:12px 0}.emergency-print-card{border:3px solid #8b0000;background:#fff;padding:12px;text-align:center}.emergency-print-card>strong{display:block;color:#8b0000}.emergency-print-card h3{margin:8px 0;font-size:20px}.emergency-print-card img{display:block;width:220px;max-width:100%;height:auto;margin:8px auto}.emergency-print-card p,.emergency-print-card small{overflow-wrap:anywhere}

/* Break-glass diagnostic recovery. Intentionally visually distinct from normal
   staff sessions so recovery authority can never masquerade as an account. */
.recovery-shell{background:#191b1d;color:#f4f4f4;min-height:100vh}
.recovery-title{background:#3b1d12;color:#fff3dc;border-bottom:3px solid #d88b32}
.recovery-workbench{max-width:1180px;margin:0 auto;padding:18px}
.recovery-workbench .work-panel{background:#25282b;border:1px solid #555;color:#f3f3f3;margin-bottom:16px}
.recovery-workbench input,.recovery-workbench select{background:#111;color:#fff;border:1px solid #777}
.recovery-workbench hr{border:0;border-top:1px solid #555;margin:18px 0}
.recovery-warning{display:flex;gap:14px;align-items:center;background:#5b260f;border:2px solid #e6943b;color:#fff3dc;padding:12px 14px;margin-bottom:16px}
.recovery-warning strong{letter-spacing:.08em;white-space:nowrap}
.recovery-warning.compact{display:grid;gap:4px;margin:10px 0 14px}
.recovery-dialog{width:min(560px,calc(100vw - 32px));background:#242628;color:#f7f7f7;border:2px solid #d88b32;padding:20px}
.recovery-dialog::backdrop{background:rgba(0,0,0,.72)}
.recovery-dialog label{display:grid;gap:5px;margin:10px 0}
.recovery-dialog input{background:#111;color:#fff;border:1px solid #777;padding:8px}
.recovery-dialog-close{float:right}.recovery-dialog-close button{font-size:22px;background:transparent;color:#fff;border:0}
.recovery-installation{font-family:ui-monospace,Consolas,monospace;color:#e0c59f}
.recovery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}
.recovery-actions{justify-content:flex-start}
.recovery-list{display:grid;gap:8px;margin-top:12px}
.recovery-list-row{display:flex;gap:12px;align-items:center;justify-content:space-between;background:#17191b;border:1px solid #4a4d50;padding:9px 10px}
.recovery-list-row span{overflow-wrap:anywhere}
.status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}
.status-grid>div{display:grid;gap:4px;background:#17191b;border:1px solid #4a4d50;padding:9px}
.diagnostic-pre{max-height:360px;overflow:auto;background:#0d0f10;color:#d8f0d3;border:1px solid #454;padding:12px;white-space:pre-wrap}
.danger-zone{border:2px solid #a33;background:#321515;padding:14px}
.danger-button{background:#8a1e1e!important;color:#fff!important;border-color:#d45!important}
.compact-button{padding:5px 8px}
.success-note{color:#bde4b4;margin-top:8px;min-height:1.2em}

/* Distribution Preview: same application, unmistakably different room. */
:root{
  --face:#b8c2be;
  --light:#edf2f0;
  --mid:#73827c;
  --dark:#17221f;
  --navy:#2f625a;
  --field:#f7faf9;
  --green:#315d49;
  --amber:#6d551e;
  --red:#7a3030;
}
html{background:#61766f}
body{background:var(--face)}
body::before{
  content:'DISTRIBUTION PREVIEW  •  ISOLATED DEMO ENVIRONMENT';
  display:block;
  padding:5px 8px;
  color:#f3f8f6;
  background:#244d47;
  border-bottom:1px solid #18332f;
  font-weight:700;
  letter-spacing:.045em;
  text-align:center;
}
.title-bar{background:#315f58}
.tool-button.active,.tool-button:active,button:active{background:#c7d0cd}
.audit-header,.account-table th{background:#315f58}
.log-note,.review-note,.chat-message.announcement{background:#edf3e8}
.landing-button{background:#bec8c4}
.landing-button:hover{background:#c8d2ce}