:root{color:#111;background:#bfc8cf;font-family:Tahoma,Dotum,Gulim,Malgun Gothic,Arial,sans-serif;font-size:14px;line-height:1.36}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{border:1px solid #6f777f;background:linear-gradient(#fff,#d9dee2);color:#111;cursor:pointer;padding:4px 9px}button:hover{background:linear-gradient(#fff,#cbd7df)}button:active{background:#c2c9ce}input,select{width:100%;height:24px;border:1px solid #7b858d;background:#fff;color:#111;padding:2px 5px}input:focus,select:focus,button:focus{outline:1px solid #0068b7;outline-offset:0}a{color:#004c99;text-decoration:underline}.app{min-height:100vh}nav{display:flex;flex-wrap:wrap;gap:10px}nav a{color:#003d8f}main{width:min(1180px,100%);margin:0 auto;padding:12px 12px 10px}.panel,.issues,.content-page{border:1px solid #6f7b84;background:#fff;padding:9px}.panel{border-top:0;background:#edf1f3;padding:0}.panel h1,.content-page h1{margin:0;padding:6px 9px;border-bottom:1px solid #4a657a;color:#fff;font-size:15px;font-weight:700}.panel h1{display:flex;gap:8px;align-items:baseline;border-bottom-color:#4a657a;background:linear-gradient(#2f8fc7,#0b5f93)}.title-brand{color:#111}.title-subtitle{color:#c8d0d6;font-weight:600}.content-page h1{background:linear-gradient(#2f8fc7,#0b5f93)}.panel p{margin:0;padding:6px 9px;border-bottom:1px solid #c2c8cc}.notice,.lead{color:#353535}.issues{margin-top:8px;border-color:#a56b00;background:#fff4cf;color:#473100}.issues p{margin:3px 0}.table-actions{display:flex;justify-content:flex-end;margin-top:8px;border:1px solid #667580;border-bottom:0;background:#dbe3e9;padding:5px 7px}.add-row-button{min-width:92px;font-weight:700}.table-wrap{overflow-x:visible;margin-top:0;border:1px solid #667580;background:#fff}table{width:100%;min-width:0;border-collapse:collapse;table-layout:fixed;font-size:12px}.col-symbol{width:21%}.col-kind{width:6.5%}.col-price,.col-quantity{width:8%}.col-weight,.col-weight-current{width:7%}.col-value,.col-diff{width:10%}.col-suggestion{width:8.5%}.col-action{width:7%}th,td{border-right:1px solid #c8cfd4;border-bottom:1px solid #c8cfd4;padding:4px 5px;text-align:left;vertical-align:middle}th{border-right:1px solid #9aa6af;border-bottom:1px solid #84909a;background:linear-gradient(#f6f7f7,#cfd7dd);color:#222;font-weight:700;text-align:center}tbody tr:nth-child(2n){background:#f8fbff}tbody tr:hover{background:#fffbe7}td:nth-child(3),td:nth-child(4),td:nth-child(5),td:nth-child(6),td:nth-child(7),td:nth-child(8),td:nth-child(9){text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}td:nth-child(4) input,td:nth-child(5) input{min-width:0;text-align:right}.symbol-search{position:relative}.symbol-search input{min-width:0;overflow:hidden;text-overflow:ellipsis}.symbol-candidates{position:absolute;z-index:20;top:26px;left:0;width:min(440px,82vw);max-height:270px;overflow-y:auto;border:1px solid #435768;background:#fff;box-shadow:2px 2px #00000029}.symbol-candidate{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;width:100%;min-height:32px;border:0;border-bottom:1px solid #d5dce1;background:#fff;padding:5px 7px;text-align:left}.symbol-candidate:hover,.symbol-candidate[aria-selected=true]{background:#fff4c6}.symbol-candidate-main{display:flex;min-width:0;gap:6px;align-items:baseline}.symbol-candidate-main strong{flex:0 0 auto;color:#002f83}.symbol-candidate-main span{min-width:0;overflow:hidden;color:#202020;text-overflow:ellipsis;white-space:nowrap}.symbol-candidate-market,.symbol-empty{color:#555;font-size:12px}.symbol-empty{padding:8px}.amount-row{background:#eef4ef!important}.amount-row td{border-top:1px solid #8f9ba3;font-weight:700}.fixed-kind{color:#333;text-align:center!important}td:nth-child(2) select{padding:2px 3px;text-align:center}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:20px;height:22px;padding:0;border-color:#7c858d;color:#333;font-size:12px;line-height:1}.icon-button:disabled{color:#9aa1a7;cursor:default;opacity:.65}.row-tools{display:flex;justify-content:center;gap:2px}.action-cell{text-align:center!important}.change{display:block;width:100%;text-align:right;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.change-buy{color:red}.change-sell{color:#00f}.change-neutral{color:#777;text-align:right}.change-cell{font-weight:700;font-variant-numeric:tabular-nums}.summary-panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:8px}.summary-group{border:1px solid #6f7b84;background:#fff}.summary-group h2{margin:0;padding:6px 9px;border-bottom:1px solid #9aa6af;font-size:13px}.summary-current h2{background:linear-gradient(#f6f7f7,#cfd7dd);color:#222}.summary-post h2{border-bottom-color:#4a657a;background:linear-gradient(#2f8fc7,#0b5f93);color:#fff}.summary{display:grid;grid-template-columns:repeat(2,minmax(150px,1fr));gap:0;margin:0;padding:0}.summary div{min-height:52px;border-right:1px solid #aeb8bf;border-bottom:1px solid #aeb8bf;background:#eef2f4;padding:7px 9px}.summary dt{color:#303030;font-size:13px}.summary dd{margin:4px 0 0;font-size:16px;font-weight:700}.data-note{margin:8px 0 0;border:1px solid #aeb8bf;background:#f4f6f6;padding:7px 9px;color:#343434;font-size:13px}.content-page{width:100%;border-top:0;background:#f8fafb}.home-info{margin-top:8px}.home-info div{border:1px solid #8d9aa3;background:#f4f6f6;padding:10px 12px}.home-info p{margin:0 0 6px;color:#333}.home-info p:last-child{margin-bottom:0}.content-page section{margin-top:10px;border:1px solid #b8c2c9;background:#fff}.content-page h2{margin:0;padding:6px 9px;border-bottom:1px solid #c5cdd3;background:#e7edf1;color:#1f2a32;font-size:14px}.content-page p{margin:0;padding:8px 10px;color:#242424}.content-page .lead{margin:0;border-bottom:1px solid #b8c2c9;background:#eef3f6;font-weight:700}.content-page section p+p{border-top:1px solid #edf0f2}.content-actions{margin-top:10px;border:1px solid #b8c2c9;background:#eef3f6;padding:8px 10px}.site-footer{width:min(1180px,100%);margin:0 auto;padding:9px 12px 20px;color:#303030;font-size:13px}.site-footer p{margin:0 0 6px}.site-footer nav{gap:8px}@media (max-width: 720px){nav{flex-direction:column}.summary-panels{grid-template-columns:1fr}}
