/* Original design proposal. All controls are local prototype interactions. */
:root{--ink:#20323b;--paper:#f4f2e4;--white:#fffdf3;--silver:#d8dbd0;--gray:#b6c0b8;--muted:#657773;--blue:#315e89;--teal:#4e7977;--orange:#dfa34b;--edge:#1d3038;--pixel-font:'Courier New',monospace}
*{box-sizing:border-box}body{margin:0;background:#e7e8e2;color:var(--ink);font:14px/1.5 Arial,Helvetica,sans-serif}button,a,input,textarea{touch-action:manipulation}button{color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #ba6c20;outline-offset:3px}button:disabled{cursor:default;color:#87918a}a{color:inherit}.proposal-header{max-width:1104px;margin:0 auto;padding:27px 0 20px;display:flex;align-items:center;gap:36px}.project-name{text-decoration:none;font:900 23px/1 Arial;letter-spacing:1.5px}.project-name span{font-size:12px;font-weight:400;letter-spacing:2px;display:block;margin-top:5px}.proposal-title{display:flex;align-items:baseline;gap:16px;flex:1}.proposal-title h1{font-size:19px;line-height:1;margin:0;font-weight:500;letter-spacing:-.3px}.proposal-title>span{font:10px/1.2 var(--pixel-font);letter-spacing:1px;color:#62716b}.proposal-actions{display:flex;gap:8px}.proposal-actions button{border:1px solid #aeb7ae;background:transparent;padding:7px 10px;font-size:11px}.proposal-actions button:hover{background:#f4f2e4}main{max-width:1104px;margin:0 auto}.preview-note{display:flex;align-items:center;gap:7px;margin:0 0 12px;font-size:11px;color:#52645d}.note-dot{width:6px;height:6px;background:var(--teal);display:inline-block}.preview-note a{margin-left:auto;color:#304a50;text-decoration:none}.preview-note a:hover{text-decoration:underline}.note-detail{color:#738078}.viewport{width:100%;padding:20px;background:#c8d0c7;border:1px solid #a8b3a7;box-shadow:0 2px 0 #b6c0b4;overflow:hidden}.screen-wrap{position:relative;margin:0 auto;width:1024px;height:768px}.desktop{position:absolute;left:0;top:0;width:1024px;height:768px;transform-origin:0 0;overflow:hidden;isolation:isolate;user-select:none;font:14px/1.35 var(--pixel-font);font-weight:700;color:var(--ink);background-color:var(--teal);background-image:radial-gradient(#315b5b 0.55px,transparent .7px);background-size:3px 3px;border:1px solid var(--ink)}.menubar{height:29px;background:var(--paper);border-bottom:2px solid var(--ink);display:flex;align-items:stretch;position:absolute;inset:0 0 auto;z-index:1000;box-shadow:0 1px 0 #7c9790}.menubar #menus{display:flex;align-items:stretch;flex:1}.menu-trigger{border:0;background:transparent;padding:1px 13px 0;font:700 14px var(--pixel-font);height:27px}.menu-trigger:first-child{padding-left:15px;padding-right:14px;display:flex;align-items:center;gap:8px}.menu-trigger:first-child svg{width:19px;height:19px}.menu-trigger:hover,.menu-trigger[aria-expanded=true]{background:var(--blue);color:var(--white)}.menu-app{padding:5px 20px 0 10px;font-size:12px;color:var(--muted)}.menu-clock{padding:4px 15px 0 16px;border-left:1px solid #b3beb2;letter-spacing:.3px}.menu-popup{position:absolute;z-index:1100;min-width:242px;padding:5px 0;background:var(--paper);border:1px solid var(--ink);box-shadow:3px 3px 0 #20323b80}.menu-popup button{width:100%;text-align:left;border:0;display:flex;justify-content:space-between;gap:25px;background:transparent;padding:6px 17px;font:700 13px/1.3 var(--pixel-font)}.menu-popup button:hover,.menu-popup button:focus{outline:none;background:var(--blue);color:var(--white)}.menu-popup kbd{font:12px var(--pixel-font);color:var(--muted)}.menu-popup button:hover kbd,.menu-popup button:focus kbd{color:var(--white)}.menu-separator{border-top:1px solid #a7b4ac;margin:5px 9px}.desktop-icons{position:absolute;top:53px;right:16px;width:94px;bottom:41px;display:flex;align-items:center;flex-direction:column;gap:20px}.desktop-icon,.file-icon{border:0;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;position:relative;font:700 13px/1.35 var(--pixel-font);text-align:center;padding:5px 3px;gap:6px}.desktop-icon{width:94px;min-height:79px;color:var(--white);text-shadow:1px 1px 0 #365956}.desktop-icon .icon-label{display:inline-block;padding:2px 4px}.desktop-icon:last-child{margin-top:auto}.icon-art{display:block;width:46px;height:44px;flex-shrink:0;image-rendering:pixelated}.desktop-icon .icon-art{filter:drop-shadow(2px 2px 0 #294d4d)}.desktop-icon[aria-pressed=true] .icon-label{background:var(--blue);outline:1px solid var(--paper);text-shadow:none}.desktop-icon:hover .icon-art{transform:translateY(-1px)}.desktop-icon:focus-visible{outline:1px dashed var(--white);outline-offset:0}.windows{position:absolute;inset:29px 0 22px;pointer-events:none}.window{position:absolute;background:var(--paper);border:1px solid var(--edge);box-shadow:1px 1px 0 var(--white) inset,-1px -1px 0 #71847c inset,4px 4px 0 #1c3e3f80;pointer-events:auto;min-width:265px;min-height:140px;display:flex;flex-direction:column}.window.active{box-shadow:1px 1px 0 var(--white) inset,-1px -1px 0 #71847c inset,4px 4px 0 #203c3ccc}.window[hidden]{display:none}.window-titlebar{margin:2px 2px 0;height:25px;min-height:25px;background:var(--silver);border-bottom:1px solid var(--edge);display:flex;align-items:center;padding:0 3px;gap:5px;touch-action:none;cursor:grab}.window-titlebar:active{cursor:grabbing}.window.active .window-titlebar{background:var(--blue);color:var(--white)}.window-title{display:flex;align-items:center;justify-content:center;gap:8px;margin:0;flex:1;font:700 14px/1.1 var(--pixel-font);overflow:hidden;white-space:nowrap;pointer-events:none}.window-title:before,.window-title:after{content:'';height:11px;flex:1;max-width:90px;background:repeating-linear-gradient(to bottom,currentColor 0 1px,transparent 1px 3px);opacity:.37}.window-title span{overflow:hidden;text-overflow:ellipsis;max-width:330px}.window-gadget{width:19px;height:18px;border:1px solid var(--ink);background:var(--paper);box-shadow:1px 1px 0 var(--white) inset,-1px -1px 0 #8b9c92 inset;padding:0;display:grid;place-items:center;color:var(--ink);flex-shrink:0}.window-gadget:active{background:var(--orange);box-shadow:none}.window-gadget svg{width:13px;height:13px}.window-gadget.close svg{width:9px;height:9px}.active .window-gadget.close{background:var(--orange)}.window-body{margin:0 3px;flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.window-status{height:23px;min-height:23px;border-top:1px solid #a8b6ac;margin:0 3px 2px;padding:4px 19px 0 8px;font:11px/1 var(--pixel-font);color:var(--muted);display:flex;justify-content:space-between;gap:6px;white-space:nowrap}.resize-handle{position:absolute;right:2px;bottom:2px;width:14px;height:14px;border:0;border-top:1px solid var(--ink);border-left:1px solid var(--ink);background:repeating-linear-gradient(135deg,var(--paper) 0 3px,#84968b 3px 4px);cursor:nwse-resize;touch-action:none}.toolbar{min-height:35px;border-bottom:1px solid #8f9f95;display:flex;align-items:center;gap:6px;padding:5px 8px;background:var(--silver)}.classic-button{border:1px solid var(--ink);padding:3px 9px;min-height:25px;background:var(--paper);box-shadow:1px 1px 0 var(--white) inset,-1px -1px 0 #9aa99c inset;font:700 12px/1.2 var(--pixel-font);white-space:nowrap}.classic-button:active{box-shadow:1px 1px 0 #526c61 inset;background:var(--gray)}.classic-button:hover{background:var(--white)}.classic-button.primary{background:var(--blue);color:var(--white);box-shadow:1px 1px 0 #8faec2 inset,-1px -1px 0 #1a3e60 inset}.toolbar .path{background:var(--paper);border:1px solid #8f9f95;height:25px;flex:1;padding:4px 7px;font-size:11px;white-space:nowrap;overflow:hidden}.toolbar .icon-button{width:27px;padding:3px}.icon-button svg{width:13px;height:13px;vertical-align:middle}.drive-overview{display:flex;justify-content:space-between;align-items:center;padding:11px 14px 10px;border-bottom:1px solid #bdc8bb;background:var(--paper);font:11px var(--pixel-font);color:var(--muted)}.drive-overview b{font:700 13px var(--pixel-font);color:var(--ink)}.file-browser{display:flex;flex:1;min-height:0;background:var(--white)}.places{width:117px;flex-shrink:0;border-right:1px solid #a7b5a9;background:#e6e8da;padding:11px 6px}.places h3{font-size:10px;color:var(--muted);letter-spacing:1px;margin:1px 5px 8px}.place{border:0;background:transparent;padding:7px 5px;text-align:left;display:flex;align-items:center;gap:5px;width:100%;font:700 11px var(--pixel-font)}.place[aria-current=true]{background:var(--blue);color:var(--white)}.place svg{width:15px;height:15px;flex-shrink:0}.place.separator{margin-top:13px}.files-main{flex:1;min-width:0;overflow:auto;scrollbar-color:var(--gray) var(--paper);scrollbar-width:thin}.file-grid{padding:18px 9px 9px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:17px 2px}.file-icon{width:100%;min-height:94px;gap:5px;color:var(--ink)}.file-icon .icon-art{width:39px;height:38px}.file-icon .icon-label{padding:2px 3px;font-size:11px;max-width:100%;overflow-wrap:anywhere}.file-icon .icon-meta{font:10px var(--pixel-font);color:var(--muted);margin-top:-4px}.file-icon[aria-pressed=true] .icon-label{background:var(--blue);color:var(--white)}.file-icon:focus-visible{outline:1px dashed var(--blue);outline-offset:-2px}.file-grid.list-view{display:flex;flex-direction:column;gap:0;padding:6px 10px}.list-view .file-icon{min-height:31px;flex-direction:row;justify-content:flex-start;padding:2px 4px;gap:9px;border-bottom:1px dotted #c5cec1;text-align:left}.list-view .icon-art{width:22px;height:25px}.list-view .icon-meta{margin-left:auto;margin-top:0}.empty-folder{font:12px/1.8 var(--pixel-font);padding:24px 18px;color:var(--muted)}.editor-toolbar{justify-content:space-between}.editor-document{flex:1;min-height:0;display:flex;background:var(--white);position:relative}.editor-margin{width:35px;flex-shrink:0;border-right:1px solid #d9dfd1;background:#efefdf;padding:17px 7px;color:#9aa79b;font:11px/22px var(--pixel-font);text-align:right}.editor-text{width:100%;flex:1;min-width:0;min-height:0;resize:none;border:0;outline:none;background:var(--white);color:var(--ink);padding:14px 14px 18px;font:14px/22px var(--pixel-font);font-weight:700;white-space:pre;overflow:auto;tab-size:4;scrollbar-color:var(--gray) var(--paper)}.editor-text::selection{background:var(--blue);color:var(--white)}.save-state{font:10px var(--pixel-font);margin-left:auto;margin-right:4px;color:var(--muted)}.editor-ruler{height:17px;min-height:17px;background:#e7e9db;border-bottom:1px solid #b8c4b7;position:relative;margin:0;font:9px/13px var(--pixel-font);color:#87978a;display:flex;justify-content:space-around;padding-left:37px}.editor-ruler:after{content:'';position:absolute;bottom:0;height:3px;left:50px;right:10px;background:repeating-linear-gradient(to right,#a0b09f 0 1px,transparent 1px 8px)}.message-body{padding:14px 16px;display:flex;gap:13px;align-items:flex-start}.message-body .icon-art{width:37px;height:37px;margin-top:2px}.message-body h2{font:700 17px/1.2 var(--pixel-font);margin:1px 0 6px}.message-body p{font:12px/1.6 var(--pixel-font);font-weight:400;margin:0}.message-body .message-sign{font-size:10px;color:var(--muted);margin-top:9px}.printer-content{background:var(--silver);flex:1;padding:14px;overflow:auto}.print-sheet{border:1px solid #90a194;background:var(--white);min-height:255px;max-width:390px;margin:0 auto;padding:23px 24px;box-shadow:3px 3px 0 #9ba99d;font:12px/1.7 var(--pixel-font);white-space:pre-wrap;user-select:text}.print-sheet:before{content:'ORAO / RADNI DOKUMENT';display:block;font:9px var(--pixel-font);color:var(--muted);padding-bottom:12px;margin-bottom:13px;border-bottom:1px solid #b7c4b8;letter-spacing:.5px}.empty-print{text-align:center;padding:30px 12px;font:12px/1.8 var(--pixel-font);color:var(--muted)}.terminal-preview{background:#152b31;color:#d1e7ce;font:14px/1.7 var(--pixel-font);padding:19px;flex:1;overflow:auto;white-space:pre-wrap;user-select:text}.terminal-cursor{display:inline-block;width:9px;height:15px;background:#d1e7ce;vertical-align:middle}.settings-content{padding:18px 22px;flex:1;background:var(--paper);font-size:12px}.settings-content h2{font-size:15px;margin:0 0 14px}.swatches{display:flex;gap:5px;margin:12px 0 17px}.swatch{width:28px;height:28px;border:1px solid var(--ink)}.settings-row{display:flex;justify-content:space-between;gap:20px;padding:9px 0;border-bottom:1px dotted #abb9ad}.settings-row>span{color:var(--muted)}.system-line{position:absolute;bottom:0;left:0;right:0;z-index:1000;height:22px;background:var(--paper);border-top:1px solid var(--ink);display:flex;justify-content:space-between;align-items:center;padding:0 11px;font:11px/1 var(--pixel-font);font-weight:400}.system-right{display:flex;align-items:center;gap:9px;font-size:10px}.system-indicator{width:6px;height:6px;background:var(--teal);border:1px solid #345550}.system-divider{color:#9caa9e;margin:0 4px}.dialog-layer{position:absolute;inset:29px 0 22px;z-index:1200;background:#203b3b33;display:grid;place-items:center}.dialog-layer[hidden]{display:none}.dialog{border:2px solid var(--ink);outline:2px solid var(--paper);background:var(--paper);box-shadow:5px 5px 0 #20323b77;width:390px;padding:25px 27px 20px;user-select:text}.dialog .dialog-heading{display:flex;gap:15px;align-items:center;border-bottom:1px solid #9daa9d;padding-bottom:17px;margin-bottom:16px}.dialog .icon-art{width:51px;height:48px}.dialog h2{margin:0;font:700 22px/1.1 var(--pixel-font)}.dialog-heading small{display:block;font:11px var(--pixel-font);color:var(--muted);margin-top:7px}.dialog p{font:12px/1.7 var(--pixel-font);margin:10px 0}.dialog .dialog-buttons{display:flex;justify-content:flex-end;gap:9px;margin-top:20px}.dialog input{display:block;width:100%;margin-top:14px;background:var(--white);border:1px solid var(--ink);padding:7px;font:14px var(--pixel-font);color:var(--ink)}.proposal-caption{display:flex;justify-content:space-between;gap:20px;padding:15px 0 27px;color:#65746c;font-size:11px}.proposal-caption p{margin:0}.proposal-caption b{font:10px var(--pixel-font);color:#3b5149}.proposal-caption p span{margin:0 7px;color:#9ba69c}.proposal-caption a{text-decoration:none;white-space:nowrap}.proposal-caption a:hover{text-decoration:underline}.viewport:fullscreen{background:#223c3d;display:grid;place-items:center;border:0;padding:0}.viewport:fullscreen .screen-wrap{margin:0}.desktop.dragging,.desktop.dragging *{cursor:grabbing!important}.desktop.resizing,.desktop.resizing *{cursor:nwse-resize!important}
.preview-note{line-height:16px}.windows{z-index:1}.empty-print .icon-art{margin:0 auto 14px}
@media(max-width:1150px){.proposal-header,main{margin-left:18px;margin-right:18px}.proposal-header{gap:24px}.proposal-title{gap:12px}.proposal-title>span{font-size:9px}.viewport{padding:14px}}@media(max-width:760px){.proposal-header{flex-wrap:wrap;padding-top:18px;gap:12px 20px}.proposal-title{flex-direction:column;gap:7px}.proposal-title h1{font-size:17px}.proposal-actions{width:100%;justify-content:flex-end}.preview-note{flex-wrap:wrap;font-size:10px}.preview-note .note-detail{display:none}.viewport{padding:7px}.proposal-caption{flex-direction:column;gap:8px;font-size:10px}.proposal-caption p span{margin:0 3px}}