.owner-page { margin: 0; background: #c0c0c0; color: #111; font-family: Tahoma, Verdana, sans-serif; }
.owner-header { display: flex; align-items: center; gap: 12px; padding: 12px 20px; background: #000080; color: white; }
.owner-header h1 { margin: 0; font: bold 20px Tahoma, Verdana, sans-serif; letter-spacing: 0; }
.owner-header a { margin-left: auto; color: white; text-decoration: underline; }
.owner-page main { max-width: 1440px; margin: auto; padding: 20px; }
.owner-page h2 { font-size: 18px; letter-spacing: 0; margin: 0 0 16px; }
.owner-page h3 { font-size: 16px; letter-spacing: 0; margin: 20px 0 8px; }
.owner-page button { padding: 8px 12px; background: #c0c0c0; color: #111; border: 2px outset white; border-radius: 0; font: bold 13px Tahoma, Verdana, sans-serif; cursor: pointer; }
.owner-page button:disabled { color: #777; cursor: wait; }
.owner-page input, .owner-page select { padding: 8px; border: 2px inset #eee; border-radius: 0; background: white; color: #111; min-width: 0; font: 14px Tahoma, Verdana, sans-serif; }
.owner-login { max-width: 380px; display: grid; gap: 10px; padding: 24px 0; }
.owner-login[hidden], .owner-page [hidden] { display: none !important; }
.owner-toolbar { display: flex; align-items: center; gap: 10px; margin-bottom: 16px; }
.owner-layout { display: grid; grid-template-columns: minmax(0, 3fr) minmax(300px, 2fr); gap: 24px; }
.owner-list { overflow-x: auto; }
.owner-page table { width: 100%; border-collapse: collapse; background: white; font-size: 13px; }
.owner-page th, .owner-page td { text-align: left; padding: 12px 10px; border-bottom: 1px solid #aaa; vertical-align: top; }
.owner-page th { background: #e5e5e5; }
.owner-page .request-select { background: none; border: 0; padding: 0; text-align: left; color: #000080; text-decoration: underline; }
.owner-page tr.selected { background: #e3f2ed; }
.owner-detail { border-left: 2px groove white; padding-left: 24px; }
.owner-detail dl { margin: 0; font-size: 13px; }
.owner-detail dt { margin-top: 12px; font-weight: bold; }
.owner-detail dd { margin: 4px 0 0; overflow-wrap: anywhere; white-space: pre-wrap; }
.owner-detail form { display: grid; gap: 8px; }
#owner-status { min-height: 22px; color: #7a1717; }
@media (max-width: 800px) { .owner-layout { grid-template-columns: minmax(0, 1fr); } .owner-detail { border-left: 0; border-top: 2px groove white; padding: 20px 0 0; } .owner-header { flex-wrap: wrap; } .owner-header h1 { font-size: 18px; } .owner-page main { padding: 12px; } }