/* HẠO NAM AI V2.1.22 — canonical Kho Máy Cũ intake workspace.
   Visual language follows the used-device detail workspace: cyan identity, green health/stock, warm history accents. */
#usedIntake{--module-accent:#64d2ff;--module-accent-rgb:100,210,255;background:radial-gradient(78% 42% at 12% 8%,rgba(44,167,232,.17),transparent 67%),radial-gradient(54% 34% at 96% 22%,rgba(80,89,210,.09),transparent 72%),linear-gradient(180deg,#08131e 0%,#050b12 48%,#02060a 100%)}
#usedIntake .used-intake-body{width:min(100%,var(--content-max));padding-bottom:calc(var(--nav-safe-space) + 24px)}
#usedIntake .used-intake-form{display:grid;gap:16px;width:100%;margin:0}
#usedIntake .used-intake-card{position:relative;overflow:hidden;padding:20px;border:1px solid rgba(100,210,255,.14);border-radius:25px;background:radial-gradient(64% 46% at 0 0,rgba(100,210,255,.085),transparent 70%),linear-gradient(145deg,rgba(25,43,59,.78),rgba(7,15,24,.86));box-shadow:inset 0 1px 0 rgba(255,255,255,.065),0 18px 46px rgba(0,0,0,.16)}
#usedIntake .used-intake-card::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,rgba(255,255,255,.025),transparent 34%,transparent 72%,rgba(100,210,255,.018))}
#usedIntake .used-intake-section-head{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 17px;padding-bottom:14px;border-bottom:1px solid rgba(100,210,255,.105)}
#usedIntake .used-intake-section-head strong{color:#76d9ff;font-size:17px;font-weight:820;line-height:1.1;letter-spacing:.035em;text-shadow:0 0 18px rgba(100,210,255,.11)}
#usedIntake .used-intake-section-head span{display:inline-flex;align-items:center;min-height:25px;padding:5px 9px;border:1px solid rgba(100,210,255,.14);border-radius:999px;background:rgba(100,210,255,.055);color:#8ecfe9;font-size:9.5px;font-weight:760;letter-spacing:.075em;text-transform:uppercase;white-space:nowrap}
#usedIntake .used-intake-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
#usedIntake .used-intake-field{display:grid;gap:7px;min-width:0;color:#8296a9;font-size:11px;font-weight:730;letter-spacing:.035em}
#usedIntake .used-intake-field>span{padding-left:2px}
#usedIntake .used-intake-field.wide{grid-column:1/-1}
#usedIntake .used-intake-field input,#usedIntake .used-intake-field select,#usedIntake .used-intake-field textarea{box-sizing:border-box;width:100%;min-width:0;min-height:51px;margin:0;padding:0 14px;border:1px solid rgba(255,255,255,.09);border-radius:15px;outline:0;background:rgba(3,13,22,.68);color:#f5f7fb;font:inherit;font-size:15.5px;font-weight:630;letter-spacing:0;box-shadow:inset 0 1px 0 rgba(255,255,255,.035);transition:border-color .16s ease,background .16s ease,box-shadow .16s ease,transform .16s ease}
#usedIntake .used-intake-field textarea{min-height:92px;padding-top:13px;padding-bottom:13px;resize:vertical;line-height:1.45}
#usedIntake .used-intake-field select{appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,#79bfdc 50%),linear-gradient(135deg,#79bfdc 50%,transparent 50%);background-position:calc(100% - 18px) 22px,calc(100% - 13px) 22px;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:36px}
#usedIntake .used-intake-field input:focus,#usedIntake .used-intake-field select:focus,#usedIntake .used-intake-field textarea:focus{border-color:rgba(100,210,255,.42);background:rgba(6,20,31,.86);box-shadow:0 0 0 3px rgba(10,132,255,.075),inset 0 1px 0 rgba(255,255,255,.045)}
#usedIntake .used-intake-field.model>span,#usedIntake label:has(#usedIntakeStorage)>span,#usedIntake label:has(#usedIntakeImei)>span{color:#7fd8ff}
#usedIntake label:has(#usedIntakeCondition)>span,#usedIntake label:has(#usedIntakeBattery)>span,#usedIntake label:has(#usedIntakeStock)>span{color:#75dda0}
#usedIntake label:has(#usedIntakePrice)>span{color:#67e58e}
#usedIntake label:has(#usedIntakeCycles)>span{color:#ffbd72}
#usedIntake label:has(#usedIntakeOrigin)>span,#usedIntake label:has(#usedIntakeNote)>span{color:#a9b7c5}
#usedIntake label:has(#usedIntakeCondition) input,#usedIntake label:has(#usedIntakeBattery) input,#usedIntake label:has(#usedIntakeStock) select{border-color:rgba(48,209,88,.12);background-color:rgba(5,22,17,.52)}
#usedIntake label:has(#usedIntakePrice) input{border-color:rgba(48,209,88,.14);background-color:rgba(5,24,17,.56);color:#84eca1}
#usedIntake label:has(#usedIntakeCycles) input{border-color:rgba(255,159,67,.12);background-color:rgba(27,18,8,.48)}
#usedIntake .used-intake-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px}
#usedIntake .used-intake-status{min-height:18px;margin:0;color:#8295a8;font-size:11.5px;line-height:1.4}
#usedIntake .used-intake-status.success{color:#75dda0}#usedIntake .used-intake-status.error{color:#ff8c87}
#usedIntake .used-intake-submit{min-width:170px;min-height:52px;margin:0;padding:0 22px;border:1px solid rgba(100,210,255,.24);border-radius:16px;background:linear-gradient(135deg,#219de8,#0875ca);color:#fff;font-size:14px;font-weight:800;box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 12px 30px rgba(10,132,255,.18),0 0 24px rgba(100,210,255,.045);transition:transform .15s ease,filter .15s ease,opacity .15s ease}
#usedIntake .used-intake-submit:active{transform:scale(.97)}#usedIntake .used-intake-submit:disabled{opacity:.55;cursor:default}
@media(min-width:900px){#usedIntake .used-intake-grid{grid-template-columns:repeat(4,minmax(0,1fr))}#usedIntake .used-intake-field.wide{grid-column:span 2}#usedIntake .used-intake-field.note{grid-column:span 3}}
@media(max-width:600px){#usedIntake .used-intake-card{padding:17px;border-radius:22px}#usedIntake .used-intake-section-head{align-items:flex-start;flex-direction:column;gap:8px;margin-bottom:15px}#usedIntake .used-intake-section-head strong{font-size:16px}#usedIntake .used-intake-grid{grid-template-columns:1fr 1fr;gap:11px}#usedIntake .used-intake-field.model,#usedIntake .used-intake-field.note{grid-column:1/-1}#usedIntake .used-intake-field input,#usedIntake .used-intake-field select,#usedIntake .used-intake-field textarea{min-height:53px;font-size:16px}#usedIntake .used-intake-actions{grid-template-columns:1fr}#usedIntake .used-intake-submit{width:100%;min-height:56px}}
@media(max-width:390px){#usedIntake .used-intake-grid{grid-template-columns:1fr}#usedIntake .used-intake-field,#usedIntake .used-intake-field.model,#usedIntake .used-intake-field.note,#usedIntake .used-intake-field.wide{grid-column:auto}}
