*{box-sizing:border-box}body{margin:0;background:#f5f7fa;color:#172033;font-family:Arial,"Noto Sans KR",sans-serif}.topbar{min-height:60px;background:#15223a;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 24px}.brand{font-weight:700;font-size:20px}.topbar nav{display:flex;gap:18px;align-items:center}.topbar a,.link-button{color:#fff;text-decoration:none}.inline{display:inline}.link-button{background:none;border:0;cursor:pointer;font:inherit}.user{opacity:.8;font-size:14px}.container{max-width:1280px;margin:28px auto;padding:0 20px}.page-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}h1{margin:0 0 6px}.muted{color:#6b7280}.card{background:#fff;border:1px solid #dde3ea;border-radius:12px;padding:18px;box-shadow:0 2px 8px rgba(20,30,50,.04)}.login-wrap{max-width:420px;margin:80px auto}.login-card label,.form-grid label{display:flex;flex-direction:column;gap:7px;font-weight:600}.login-card label{margin-top:15px}.login-card input,.form-grid input,.form-grid select,.form-grid textarea,.filters input,.filters select{width:100%;border:1px solid #c8d0db;border-radius:8px;padding:11px 12px;font:inherit;background:#fff}.button,.primary,.secondary{display:inline-block;border-radius:8px;border:1px solid #b9c3d0;padding:10px 15px;background:#fff;color:#172033;text-decoration:none;cursor:pointer;font:inherit}.primary{background:#185adb;border-color:#185adb;color:#fff}.secondary{background:#eef2f7}.full{width:100%;margin-top:20px}.filters{display:grid;grid-template-columns:minmax(220px,1fr) 220px auto auto;gap:10px;margin-bottom:16px}.table-wrap{padding:0;overflow:auto}table{width:100%;border-collapse:collapse;min-width:900px}th,td{padding:12px 13px;border-bottom:1px solid #e6eaf0;text-align:left;vertical-align:middle}th{background:#f8fafc;white-space:nowrap}.strong{font-weight:700}.badge{display:inline-block;padding:4px 9px;background:#eef4ff;border-radius:999px}.actions{white-space:nowrap}.actions a{margin-right:10px}.empty{text-align:center;color:#6b7280;padding:34px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.span-2{grid-column:1/-1}.form-actions{display:flex;gap:10px}.meta{background:#f8fafc;padding:12px;border-radius:8px;color:#5b6472;font-size:14px}.required{color:#c62828}.flash{margin-bottom:14px;padding:12px 14px;border-radius:8px}.flash.success{background:#eaf8ee;color:#17632a}.flash.error{background:#fff0f0;color:#9b1c1c}@media(max-width:760px){.topbar{padding:12px 16px;align-items:flex-start;gap:10px;flex-direction:column}.topbar nav{flex-wrap:wrap}.container{margin-top:18px}.page-head{align-items:flex-start;flex-direction:column}.filters,.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}}

/* 주문관리 목록 - 비고 */
.order-list-memo {
    width: auto;
    min-width: 0;
    max-width: none;
    vertical-align: middle;
}

.order-list-memo-text {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;

    overflow: hidden;
    text-overflow: ellipsis;

    white-space: normal;
    word-break: break-word;

    line-height: 1.45;
    max-height: 2.9em;

    cursor: help;
}

/* 주문 상세 - 비고 전체 폭 */
.order-full-memo {
    display: block;
    width: 100%;
    max-width: none;
    margin-top: 20px;
}

.order-full-memo label {
    display: block;
    width: 100%;
    font-weight: 700;
    margin-bottom: 8px;
}

.order-full-memo textarea {
    display: block;
    width: 100% !important;
    max-width: none !important;
    min-width: 100% !important;
    min-height: 10px;

    padding: 12px;

    font-size: 16px;
    font-family: inherit;
    line-height: 1.6;

    box-sizing: border-box;
    resize: vertical;
}

/* 주문관리 목록 - 비고 */
.order-list-memo {
    min-width: 300px;
    max-width: 400px;
    white-space: normal;
    word-break: break-word;
    line-height: 1.5;
}

/* =========================================================
   주문관리 목록 - 와이드 화면
   ========================================================= */

.order-list-wide {
    width: calc(100vw - 40px);
    max-width: 1850px;

    margin-left: 50%;
    transform: translateX(-50%);
}

/* 기존 table-wrap의 가로스크롤 제거 */
.order-list-wide .table-wrap {
    width: 100%;
    max-width: none;
    overflow-x: visible !important;
}

/* 주문관리 표를 화면 폭에 맞춤 */
.order-list-table {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    table-layout: fixed;
}

/* 셀 기본 설정 */
.order-list-table th,
.order-list-table td {
    padding: 10px 8px;
    vertical-align: middle;
    overflow-wrap: break-word;
}

/* 주문번호는 가급적 한 줄 */
.order-list-table th:nth-child(2),
.order-list-table td:nth-child(2) {
    white-space: nowrap;
}

/* 수량 */
.order-list-table th:nth-child(6),
.order-list-table td:nth-child(6) {
    text-align: center;
}

/* 주문금액 */
.order-list-table th:nth-child(7),
.order-list-table td:nth-child(7) {
    white-space: nowrap;
}

/* 주문일 / 납기예정일 */
.order-list-table th:nth-child(8),
.order-list-table td:nth-child(8),
.order-list-table th:nth-child(9),
.order-list-table td:nth-child(9) {
    white-space: nowrap;
}

/* 주문상태 */
.order-list-table th:nth-child(10),
.order-list-table td:nth-child(10) {
    white-space: nowrap;
    text-align: center;
}

/* 작업 */
.order-list-table th:nth-child(11),
.order-list-table td:nth-child(11) {
    white-space: nowrap;
    text-align: center;
}

/* 비고 */
.order-list-table th:nth-child(12),
.order-list-table td:nth-child(12) {
    white-space: normal;
}