@import url("https://fonts.googleapis.com/css2?family=Azeret+Mono:wght@400;500;700&family=Anybody:wght@700;800&display=swap");:root{--green-bg: #0a2e16;--green-border: #14532d;--green-dot: #4ade80;--green-text: #86efac;--yellow-bg: #332800;--yellow-border: #713f12;--yellow-dot: #facc15;--yellow-text: #fde047;--red-bg: #450a0a;--red-border: #991b1b;--red-dot: #f87171;--red-text: #fca5a5;--blue-bg: #0a1628;--blue-border: #1e3a5f;--blue-dot: #60a5fa;--blue-text: #93c5fd;--red-hi: #ef4444;--red-lo: #6b1a1a;--gray-bg: #1e2733;--gray-border: #3a4555;--gray-dot: #94a3b8;--gray-text: #cbd5e1;--surface: rgba(255,255,255,.015);--line: rgba(255,255,255,.045);--tile-w: clamp(36px, 3.6vw, 52px);--tile-gap: clamp(3px, 0.4vw, 6px);--font-mono: 'Azeret Mono', 'Menlo', 'Consolas', monospace;--font-display: 'Anybody', var(--font-mono), sans-serif}*{box-sizing:border-box;margin:0;padding:0}@keyframes breathe{0%{background:var(--red-lo);border-color:var(--red-border);box-shadow:0 0 4px rgba(239,68,68,0.08)}35%{background:var(--red-hi);border-color:var(--red-dot);box-shadow:0 0 18px rgba(239,68,68,0.45),0 0 40px rgba(239,68,68,0.12)}100%{background:var(--red-lo);border-color:var(--red-border);box-shadow:0 0 4px rgba(239,68,68,0.08)}}.dc-breathe{animation:breathe 1s cubic-bezier(0.4, 0, 0.2, 1) infinite !important}@keyframes breatheBadge{0%{background:rgba(239,68,68,0.12);color:#b45050}35%{background:rgba(239,68,68,0.35);color:#fca5a5}100%{background:rgba(239,68,68,0.12);color:#b45050}}.dc-badge-breathe{animation:breatheBadge 1s cubic-bezier(0.4, 0, 0.2, 1) infinite}.dc-root::after{content:'';position:fixed;inset:0;pointer-events:none;z-index:99990;background:repeating-linear-gradient(0deg, transparent 0px, transparent 3px, rgba(0,0,0,0.03) 3px, rgba(0,0,0,0.03) 4px)}.dc-root{width:100vw;height:100vh;overflow:hidden;background:#0d1b2a;color:#e4e4e7;font-family:var(--font-mono);display:flex;flex-direction:column}.dc-header{display:flex;justify-content:space-between;align-items:center;padding:clamp(4px, 0.6vh, 8px) clamp(8px, 1.2vw, 18px);border-bottom:1px solid var(--line);background:linear-gradient(180deg, rgba(255,255,255,0.02) 0%, transparent 100%);flex-shrink:0;gap:8px;flex-wrap:wrap}.dc-brand{display:flex;align-items:center;gap:clamp(5px, 0.6vw, 10px)}.dc-logo{width:clamp(20px, 2.2vw, 30px);height:clamp(20px, 2.2vw, 30px);border-radius:4px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:clamp(8px, 1vw, 12px);color:#fff;font-family:var(--font-display)}.dc-title{font-weight:800;font-size:clamp(11px, 1.3vw, 16px);font-family:var(--font-display);letter-spacing:-.02em}.dc-subtitle{font-size:clamp(7px, 0.7vw, 10px);color:#3f3f46;margin-left:clamp(2px, 0.3vw, 6px)}.dc-summary{display:flex;gap:clamp(2px, 0.3vw, 4px);font-size:clamp(14px, 1.8vw, 24px);font-weight:700;font-variant-numeric:tabular-nums}.dc-summary-sep{color:#1c1c20}.dc-controls{display:flex;align-items:center;gap:clamp(4px, 0.5vw, 10px);font-size:clamp(8px, 0.8vw, 11px)}.dc-clock{font-variant-numeric:tabular-nums;color:#52525b}.dc-btn{background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.07);border-radius:3px;padding:clamp(1px, 0.2vh, 3px) clamp(5px, 0.6vw, 10px);color:#52525b;font-size:inherit;cursor:pointer;font-family:inherit}.dc-btn-live{background:rgba(34,197,94,0.1);border-color:rgba(34,197,94,0.2);color:#4ade80;font-weight:600}.dc-btn-paused{background:rgba(255,255,255,0.04);border-color:rgba(255,255,255,0.07);color:#3f3f46}.dc-btn-logout{color:#71717a;margin-left:4px}.dc-conn{font-size:clamp(7px, 0.7vw, 10px);padding:2px 6px;border-radius:3px;font-weight:600}.dc-conn-ok{background:rgba(34,197,94,0.12);color:#4ade80}.dc-conn-err{background:rgba(239,68,68,0.12);color:#f87171}.dc-legend{display:flex;align-items:center;gap:clamp(6px, 1vw, 16px);padding:clamp(2px, 0.3vh, 4px) clamp(8px, 1.2vw, 18px);border-bottom:1px solid rgba(255,255,255,0.025);flex-shrink:0;flex-wrap:wrap}.dc-legend-item{display:flex;align-items:center;gap:clamp(3px, 0.3vw, 5px);font-size:clamp(7px, 0.65vw, 9px);color:#3f3f46;white-space:nowrap}.dc-legend-dot{width:clamp(4px, 0.5vw, 7px);height:clamp(4px, 0.5vw, 7px);border-radius:1.5px;flex-shrink:0}.dc-legend-note{margin-left:auto;font-size:clamp(6px, 0.55vw, 8px);color:#27272a}.dc-main{flex:1;display:flex;gap:clamp(4px, 0.6vw, 10px);padding:clamp(5px, 0.7vh, 10px) clamp(6px, 0.8vw, 12px);min-height:0;overflow:hidden}.dc-hospital{background:var(--surface);border:1px solid var(--line);border-radius:clamp(4px, 0.5vw, 8px);padding:clamp(6px, 0.8vh, 12px) clamp(6px, 0.8vw, 14px) clamp(8px, 0.9vh, 14px);display:flex;flex-direction:column;min-width:0}.dc-hospital-tgh{flex:5}.dc-hospital-twh{flex:4}.dc-hospital-pmh{flex:1.3}.dc-hospital-hdr{display:flex;justify-content:space-between;align-items:center;margin-bottom:clamp(3px, 0.4vh, 6px);flex-shrink:0}.dc-hospital-title{display:flex;align-items:baseline;gap:clamp(4px, 0.4vw, 8px)}.dc-hospital-code{font-weight:800;font-size:clamp(13px, 1.5vw, 20px);color:#f4f4f5;font-family:var(--font-display);letter-spacing:-.02em}.dc-hospital-count{font-size:clamp(7px, 0.7vw, 10px);color:#3f3f46}.dc-hospital-stats{display:flex;gap:clamp(3px, 0.4vw, 7px);font-size:clamp(9px, 1.1vw, 14px);font-weight:700}.dc-stat-sep{color:#27272a}.dc-health-bar{display:flex;height:clamp(2px, 0.3vh, 4px);border-radius:2px;overflow:hidden;gap:1px;margin-bottom:clamp(5px, 0.7vh, 12px);flex-shrink:0}.dc-health-bar>div{border-radius:2px}.dc-hospital-body{flex:1;min-height:0;overflow-y:auto}.dc-hospital-body::-webkit-scrollbar{width:3px}.dc-hospital-body::-webkit-scrollbar-thumb{background:#27272a;border-radius:2px}.dc-section{margin-bottom:clamp(4px, 0.5vh, 8px)}.dc-section-primary{margin-bottom:clamp(6px, 0.7vh, 12px)}.dc-section-hdr{display:flex;gap:clamp(3px, 0.4vw, 7px);align-items:baseline;margin-bottom:clamp(2px, 0.25vh, 4px)}.dc-section-name{font-size:clamp(7px, 0.7vw, 10px);font-weight:600;color:#71717a;text-transform:uppercase;letter-spacing:.12em}.dc-section-code{font-size:clamp(6px, 0.6vw, 8px);color:#2e2e33}.dc-tile-grid{display:flex;flex-wrap:wrap;gap:var(--tile-gap)}.dc-tile{position:relative;width:var(--tile-w);min-width:var(--tile-w);max-width:var(--tile-w);border:2px solid;border-radius:clamp(3px, 0.3vw, 5px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(3px, 0.35vh, 5px) clamp(1px, 0.2vw, 3px) clamp(2px, 0.25vh, 4px);cursor:default;transition:border-color .15s, box-shadow .15s;overflow:visible;box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 2px 4px rgba(0,0,0,0.4),0 1px 0 rgba(255,255,255,0.05)}.dc-tile-num{font-size:clamp(11px, 1.2vw, 15px);font-weight:700;line-height:1}.dc-tile-lbl{font-size:clamp(5.5px, 0.55vw, 7.5px);line-height:1;margin-top:clamp(1px, 0.12vh, 2px);opacity:.6;text-transform:uppercase;letter-spacing:.08em}.dc-tooltip{background:#0c0c10;border:1.5px solid;border-radius:7px;padding:clamp(7px, 0.8vh, 12px) clamp(9px, 1vw, 16px);min-width:clamp(150px, 16vw, 210px);box-shadow:0 10px 40px rgba(0,0,0,0.85);font-size:clamp(9px, 0.9vw, 12px);color:#d4d4d8;line-height:1.7}.dc-tooltip-arrow{position:absolute;left:50%;width:9px;height:9px;background:#0c0c10;border-right:1.5px solid;border-bottom:1.5px solid}.dc-footer{text-align:center;padding:clamp(1px, 0.2vh, 3px) 14px;font-size:clamp(6px, 0.55vw, 8px);color:#1c1c20;border-top:1px solid rgba(255,255,255,0.025);flex-shrink:0}@media (max-width: 1100px){.dc-main{flex-wrap:wrap;overflow-y:auto}.dc-hospital-tgh{flex:1 1 100%}.dc-hospital-twh{flex:1 1 60%}.dc-hospital-pmh{flex:1 1 35%}.dc-root{overflow:auto;height:auto;min-height:100vh}}@media (max-width: 640px){:root{--tile-w: clamp(38px, 12vw, 50px);--tile-gap: 5px}.dc-main{flex-direction:column;overflow-y:auto;padding:6px}.dc-hospital{flex:none !important}.dc-root{overflow:auto;height:auto;min-height:100vh}.dc-header{flex-direction:column;align-items:flex-start;gap:4px}.dc-legend{display:none}}html,body{width:100%;height:100%;font-family:sans-serif;font-size:0.85em;background:#EEEEEE;color:black;margin:0;padding:0}.header{background:powderblue;height:70px;padding:10px}.title-header{font-size:24px}.column-din{width:80px;text-align:center}.column-manufacturer{width:150px;text-align:center}.column-barcode{width:150px;text-align:center}.column-concentration{width:120px;text-align:center}.column-container-details{width:120px;text-align:center}.column-container-type{width:120px;text-align:center}.column-dose-details{width:120px;text-align:center}.column-volume{width:100px;text-align:center}.column-active-state{width:60px;text-align:center}.column-base62-bc{width:80px;text-align:center}.table-container{border:1px solid navy;border-collapse:collapse}.table-container td,th{border:1px solid navy}.table-dilution{background:steelblue;color:whitesmoke;border-collapse:collapse;margin:5px}.container-detail-form{float:left;width:200px;height:100%}.container-images{float:left;padding:10px;border:1px navy dotted;border-radius:15px;background:lightblue;width:150px;height:100%}.clear-blocking{clear:both}.duocheck-action-button{float:left;background:lightgray;color:navy;border:1px solid navy;border-radius:10px;margin:5px;text-align:center;padding:10px}.add-action{display:flex;align-items:center}.add-action h1{margin:0}.duocheck-add-button{margin-left:5px;margin-right:5px;text-align:center;padding:3px}.name-link a,.name-link a:visited,.duocheck-action-button a,.duocheck-action-button a:visited,.duocheck-add-button a,.duocheck-add-button a:visited{text-decoration:none;color:navy}.name-link a:hover,.duocheck-add-button a:hover,.duocheck-action-button a:hover{background:lightgray;color:red}.intro-message{margin:10px;width:500px}.login-form{padding:20px;align-content:center}.generic-table{margin-top:20px;border:2px navy solid;border-collapse:collapse;border-radius:5px}.generic-table th,.generic-table td{padding-top:5px;padding-left:10px;padding-right:10px;border-top:1px dotted navy}.generic-table th{border:1px navy dotted}.index-section{padding-left:20px;padding-right:20px;padding-bottom:20px}.duocheck-menu .menu{position:absolute;right:-1px;top:-100px;z-index:100;width:175px;height:175px;background:powderblue;border-radius:50% 50% 50% 50%;-webkit-transition:.5s ease-in-out;transition:.5s ease-in-out;box-shadow:0 0 0 0 powderblue, 0 0 0 0 powderblue;cursor:pointer}.duocheck-menu .hamburger{position:absolute;top:135px;left:100px;width:30px;height:2px;background:navy;display:block;-webkit-transform-origin:center;transform-origin:center;-webkit-transition:.5s ease-in-out;transition:.5s ease-in-out}.duocheck-menu .hamburger:after,.duocheck-menu .hamburger:before{-webkit-transition:.5s ease-in-out;transition:.5s ease-in-out;content:"";position:absolute;display:block;width:100%;height:100%;background:navy}.duocheck-menu .hamburger:before{top:-10px}.duocheck-menu .hamburger:after{bottom:-10px}.duocheck-menu input{display:none}.duocheck-menu input:checked+.menu{box-shadow:0 0 0 100vw powderblue, 0 0 0 100vh powderblue;border-radius:0}.duocheck-menu input:checked+.menu .hamburger{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.duocheck-menu input:checked+.menu .hamburger:after{-webkit-transform:rotate(90deg);transform:rotate(90deg);bottom:0}.duocheck-menu input:checked+.menu .hamburger:before{-webkit-transform:rotate(90deg);transform:rotate(90deg);top:0}.duocheck-menu input:checked+.menu+ul{opacity:1}.duocheck-menu ul{z-index:200;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);opacity:0;-webkit-transition:.25s 0s ease-in-out;transition:.25s 0s ease-in-out}.duocheck-menu li{list-style:none}.duocheck-menu a,.duocheck-menu a:visited{margin-bottom:1em;display:block;color:navy;text-decoration:none}.duocheck-menu a:hover{background:powderblue;color:red}.publication-details{border:1px solid navy;padding:10px;width:20%;float:left}.publication-items{border:1px solid navy;padding:10px;width:65%;float:left}.publication-item{border:1px solid navy;padding:10px}.publication-item-name{font-weight:bold;font-size:24px}.publication-item-barcode{font-weight:bold;font-size:24px}.publication-item-images{font-weight:bold;font-size:24px}.location-list{float:left;width:65%}.site-list{float:left;width:35%}.status-label{font-weight:bold;font-size:15px}.status-value{font-size:15px}pre{background-color:#eee;padding:10px;font-size:11px}a{color:#000}a:visited{color:#666}a:hover{color:#fff;background-color:#000}th{padding-bottom:5px}td{padding:0 5px 7px}div.field,div.actions{margin-bottom:10px}#notice{color:green}.field_with_errors{padding:2px;background-color:red;display:table}#error_explanation{width:450px;border:2px solid red;padding:7px 7px 0;margin-bottom:20px;background-color:#f0f0f0}#error_explanation h2{text-align:left;font-weight:bold;padding:5px 5px 5px 15px;font-size:12px;margin:-7px -7px 0;background-color:#c00;color:#fff}#error_explanation ul li{font-size:12px;list-style:square}label{display:block}