:root{--bg-primary: aliceblue;--bg-secondary: white;--bg-error: lightcoral;--bg-warning: moccasin;--button-primary: cornflowerblue;--text-primary: darkslategrey;--text-accent: indigo;--text-button: white;--border-color: darkslategrey;--shadow-color: lightgrey;--ready: lightcyan;--working: lightgoldenrodyellow;--submitted: plum;--reviewing: peachpuff;--clarification: lightpink;--passed: palegreen;--done: mintcream;--margin: 5px;--border-rad: 8px;--transition: all .2s ease;--box-shadow: 2px 2px 4px var(--shadow-color)}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter}body{background-color:var(--bg-primary);color:var(--text-primary)}body.tip-visible{overflow:hidden;pointer-events:none}button{display:inline-block;padding:10px 20px;background-color:var(--button-primary);color:var(--text-button);border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;box-shadow:var(--box-shadow);transition:var(--transition)}button.secondary{background:transparent;color:var(--text-accent);box-shadow:0 0 #0000}button.secondary:hover{text-decoration:underline}button:hover{filter:hue-rotate(20deg) brightness(.8)}button:active{filter:hue-rotate(-20deg)}button:disabled{background-color:#f5f5f5;color:#a0a0a0;cursor:not-allowed;border:1px solid #e0e0e0;box-shadow:none;opacity:.7;pointer-events:none}input,select{padding:8px;border:1px solid var(--border-color);font-size:1em;border-radius:8px;transition:var(--transition)}input:focus{outline:none;border-color:var(--bg-primary);box-shadow:0 0 3px 1px var(--shadow-color)}input:bad{border-color:#dc143c;background-color:#f08080}.card{background-color:var(--bg-secondary);text-align:center;border-radius:var(--border-rad);box-shadow:var(--box-shadow);margin:var(--margin);margin-top:var(--margin);padding:10px}.group{position:relative;margin-bottom:10px}.group>p{text-align:left;font-weight:700;font-size:.7em;margin-right:10px}.group>input,.group>textarea,.group>select{width:80%}.group label{font-size:.7em;font-weight:700;width:20%}.tip-icon{font-size:1.5em}.collapseable{max-height:0;overflow:auto;transition:max-height .2s ease}.collapseable.open{max-height:280px}.hidden{display:none}.ready{background-color:var(--ready)}.working{background-color:var(--working)}.done{background-color:var(--done)}.submitted{background-color:var(--submitted)}.reviewing{background-color:var(--reviewing)}.clarification{background-color:var(--clarification)}.passed{background-color:var(--passed)}.tip{background-color:var(--bg-secondary);padding:10px;z-index:30;position:fixed;overflow-y:auto;inset:10px;border-radius:8px;pointer-events:auto;filter:none}.tip-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;font-size:2em;text-align:center;padding-bottom:50px}.close-tip{font-size:1em}.tip:not(.visible){opacity:0%;visibility:hidden}.tip.visible{opacity:100%;transition:opacity .2s ease}input[type=checkbox]{width:20px;height:20px}.tip img{width:auto;max-width:95%}.spacer{height:200px}.contact{margin:5px;font-size:.9em}.contact a{font-size:1em}.login{align-self:center;justify-self:center;width:96%;max-width:600px;margin-top:20px;padding:30px;background-color:var(--bg-secondary);border-radius:var(--border-rad);box-shadow:var(--box-shadow);transition:var(--transition)}.login form{display:flex;flex-direction:column;gap:20px}.login label{display:flex;flex-direction:column;gap:8px}.login span{font-size:14px;font-weight:500}.login p{text-align:center;font-size:.8em}input.bad-input{background:pink}button[name=swap-kind]{background:transparent;color:var(--text-accent);box-shadow:0 0 #fff;font-size:14px;padding:8px}button[name=swap-kind]:hover{text-decoration:underline}.errors{width:96%;max-width:600px;margin:20px auto;padding:15px;background-color:var(--bg-error);border-radius:var(--border-rad);text-align:center}.password-warning{background-color:var(--bg-warning);border-radius:var(--border-rad);padding:5px;font-size:13px;margin-top:-12px}.container{margin:0 auto}.header-container{background-color:var(--bg-primary);box-shadow:0 8px 10px 1px var(--bg-primary);padding:10px;position:sticky;top:0;z-index:10;margin-bottom:10px}#search{width:100%}.back{padding:3px;font-size:1.2em;margin:2px}.search-container label{display:block;margin-bottom:8px}.companies{margin:8px}.company{margin-bottom:40px}.company-header h3{font-size:2em;border-bottom:2px solid var(--border-color)}@media (max-width: 600px){.company-header h3{font-size:1.2em}.quote-col,.measures-col{display:none}.due-col{font-size:.7em}}.company-header p{font-size:.8em;font-weight:700;margin-left:20px}.projects-list{display:flex;flex-direction:column;gap:5px;transition:var(--transition)}.project-row{cursor:pointer;padding:8px;text-align:center;box-sizing:border-box;border-radius:var(--border-rad);display:flex;flex-direction:row;box-shadow:var(--box-shadow);transition:var(--transition)}.project-row:hover{filter:brightness(.9) hue-rotate(15deg)}.quote-col{font-weight:700;width:5%}.address-col{width:43%}.reference-col{width:35%;font-size:.9em;font-weight:600}.measures-col{width:9%}.due-col{width:8%}.measure{padding:5px;border-radius:8px;box-shadow:var(--box-shadow);overflow:hidden;margin:5px;display:flex;flex-direction:row;cursor:pointer;transition:all .2s ease}.project-title{font-size:1.2em}.measure:hover{filter:brightness(.9) hue-rotate(15deg)}.measure h4{font-size:1.3em;margin-bottom:8px}.measure-details{flex:1;padding:20px}.comments{font-style:italic;font-size:.8em}.doc{text-align:left;padding:.5rem;border-radius:8px;cursor:pointer;display:flex;flex-direction:row;justify-content:space-between;align-items:center}#docs-list{list-style:none}.delete-doc{float:right;color:#b22222;background-color:transparent;border:2px solid firebrick;height:2em}.measure img{width:300px;height:100%;object-fit:contain;align-self:center}@media (max-width: 600px){.measure{flex-direction:column}.measure img{width:100%;height:100px;object-fit:contain}}.group label{font-size:.8em;width:20%;font-weight:700}.layout{display:flex;flex-direction:column;margin:var(--margin)}#comms-list{list-style:none;padding:0;max-width:600px;margin:0 auto;height:200px;overflow:auto;resize:vertical;li{margin-bottom:16px;display:flex;flex-direction:column;align-items:flex-start}li.me{align-items:flex-end}.message-bubble{max-width:85%;padding:12px 16px;border-radius:18px;position:relative;word-wrap:break-word}li:not(.me) .message-bubble{background-color:#e5e5ea;color:#000;border-bottom-left-radius:4px}li.me .message-bubble{background-color:#007aff;color:#fff;border-bottom-right-radius:4px}.message-content{margin:0 0 4px;font-size:16px;line-height:1.4}.message-who{margin:0 0 2px;font-size:12px;font-weight:600;opacity:.7}.message-when{margin:0;font-size:11px;opacity:.6}}.bottom-padding{height:50px}.layout.group{display:flex;flex-direction:column;gap:10px;align-items:center;height:2.5em}#bottom-floater{position:fixed;width:100%;bottom:5px;z-index:10}textarea{width:100%;padding:8px;border-radius:8px}.actions{display:flex;flex-direction:row;justify-content:space-evenly;align-content:center;margin:10px}#top-section>p{font-style:italic;margin-bottom:10px}#mid-section>p{font-style:italic;font-size:.85em}#confirmation{background-color:var(--bg-secondary);padding:10px;z-index:30;position:fixed;overflow-y:auto;inset:10px;border-radius:8px}#confirmation h3{margin-bottom:1em;font-size:2em;text-align:center}#top-section{transition:none}.comments-text p{font-size:.8em;font-style:italic}.comments-text{overflow-y:auto}.confirmation-explainer{font-style:italic;font-size:.9em;margin-bottom:2em;text-align:center}.tip div{text-align:center}.tip-content p{margin-bottom:15px}.tip-group{margin:20px}.tip-action{margin-top:50px;font-style:italic;font-size:.9em}.messages li{display:flex;flex-direction:row;width:100%;gap:5px;padding:5px;margin-bottom:5px;cursor:pointer;border-radius:8px;opacity:95%;box-shadow:0 2px 4px #2222}.messages.confirm li{cursor:auto}.messages li:hover{filter:hue-rotate(20deg) brightness(1.2)}li.error{background-color:#f08080}li.warning{background-color:#ffdead}.icon{width:60px;font-size:3em;text-align:center}.icon.warning{color:#ff8c00}.icon.error{color:brown}.kind{font-size:1em}.message{font-size:.8em;font-style:italic}.messages:not(.confirm){position:fixed;top:0;left:0;width:100%;z-index:30}.unchanged{color:indigo;background-color:#d8bfd8;border-color:indigo}.changed{color:#006400;background-color:#98fb98;border-color:#006400}.bad{color:#b22222;background-color:#ffdab9;border-color:#b22222}button.error{background-color:#f08080}button.warning{background-color:#ffdead}button.back{background-color:#8b008b}.dim-msg{color:#b22222}.confirmation-body{text-align:center}.confirm-actions{margin-top:10px;width:100%;display:flex;flex-direction:column;gap:10px}#warnings{margin-top:2em}#confirmation:not(.hidden){display:flex;flex-direction:column}#confirmation>*:last-child{margin-top:auto}@media (min-width: 1000px){.confirm-actions{display:flex;flex-direction:row;align-items:center;justify-content:space-around}}.add-form:not(.visible){opacity:0%;visibility:hidden;height:0px}.add-form{opacity:100%;transition:all .2s ease;height:auto}.company-list h4{text-decoration:underline}.company-list li{margin-bottom:15px}ol{list-style-type:none}.users-list li{display:flex;flex-direction:row;align-items:center;margin-bottom:5px;border-radius:var(--border-rad);border:1px solid}.users-list input[type=checkbox]{width:20px;height:20px}.users-list .user-name{font-weight:700}.users-list p,.users-list input{width:25%}@media (max-width: 600px){.users-list li{flex-direction:column}.users-list p,.users-list input{width:100%}}a{margin:5px;font-size:1.2em}#render-bottom-floater{position:fixed;width:100%;bottom:5px;z-index:10;text-align:center}iframe{width:100%;height:100vh;border:none;overflow:hidden}